1. NEW Divi Powerful - Instantly power up your Divi site with tons of features + premade elements: https://divipowerful.divi.help/
    Dismiss Notice

Solved Where is the archive category css id field?

Discussion in 'Get Help On Divi Wordpress' started by Thewizard87, Feb 4, 2019.

  1. Thewizard87

    Thewizard87 New Member

    Hi i have to make changes on posts category pages but i can't have any access to put my css id name on the field like others pages.
     
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    All category pages are automatically generated using PHP file. If you wish to style posts category pages using CSS, you can just put the CSS in Divi > Theme Options > Custom CSS.

    To create CSS that only affect the category page, just put body.category in front of your CSS class. For example:
    Code:
    Kindly Log in or Sign up to view this code.
     
  3. Thewizard87

    Thewizard87 New Member

    I tried this but it don't have any effect on mobile... Did i make mistake?



    @media (max-width: 980px) {
    body.category .et_pb_posts .et_pb_post img, .custom_blog.et_pb_posts .et_overlay {
    width: 45%;
    float: left;
    margin-right: 7px;
    }
    body.category .et_pb_posts h2.entry-title a {
    font-size: 55%;

    }
    body.category .et_pb_posts p.post-meta {
    font-size: 60%;
    }
    body.category .et_pb_posts .post-content p {
    display: none;
    }

    body.category article {
    margin-bottom: -25px;
    margin-top: -20px;
    }
    body.category .entry-title {
    line-height: 12px;
    }

    }
     
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    There's this CSS Class et_pb_post, but not et_pb_posts. And your CSS is only made to work on screen size below 980px.