1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Where is the archive category css id field?

Discussion in 'Free Divi Community Forum' 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.
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  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:
    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;
    }

    }
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  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.