1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
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 Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs: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.