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 CSS Classes for BLOG page

Discussion in 'Basic Support Forum' started by Juan Manuel, Nov 29, 2018.

  1. Juan Manuel

    Juan Manuel New Member
    Divi Powerful Child Theme

    Hi! I'm a new customer using your fantastic DIVI theme. It's very helpful and i love it.

    I'm trying to change the normal blog page to look like one of your themes styles...

    I checked this other post on your blog...https://divi.help/threads/changing-blog-styles-on-blog-list-page.1301/ ...and I watched a video (...Check out this video: http://recordit.co/tASP9Raap5...) in where you write the CSS classes needed to change the blog.

    But i can't find a list of the availables classes.
    Can you tell me them or tell me where I can find them?
    Thanks a lot!!

    (Forgive my english, I'm still learning ;)
     
    #1 Juan Manuel, Nov 29, 2018
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  2. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    For your blog page, did you follow the installation guide Step 6 & 7: https://divi.help/threads/new-installation-guide.1237/

    If yes, then you just need to go to Theme Customizer -> Divi Powerful Settings -> Archive / Category Page Blog List & change the premade styles there.

    For the CSS classes that you asked, it’s meant to be used on blog module on normal page. Not on blog page.

    And all the CSS classes available for the blog module are shown in the video link that you mentioned.
     
    #2 Divi Powerful, Nov 29, 2018
  3. Juan Manuel

    Juan Manuel New Member
    Divi Powerful Child Theme

    I've expresed myself wrong. I meant the CSS classes for the blog module (not the blog page).
    I've checked the video carefully and I only can get some of them (I send you some screenshots)
     

    Attached Files:

    #3 Juan Manuel, Nov 29, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    You can just ignore the dropdown selection. Some of those are irrelevant.

    For blog overlay style: free-blog-list-2 free-blog-background-solid free-blog-all-center
    **free-blog-list-2 will make the blog into overlay style. As for the other 2 CSS, you can choose to remove it or keep it as you like.

    For blog list style: free-blog-list-3
    **free-blog-list-3 will make the blog into list style, the smallest size one. To make it bigger, add free-blog-medium / free-blog-big / free-blog-biggest

    But do note that blog module doesn't support category on the top right styling. This is custom coded by us for the blog / archive page.
    upload_2018-11-30_11-16-54.png
     
    #4 Divi Powerful, Nov 29, 2018
  5. Juan Manuel

    Juan Manuel New Member
    Divi Powerful Child Theme

    Thanks! thats the info that I needed.

    thanks a lot
     
    #5 Juan Manuel, Dec 2, 2018
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
(You must log in or sign up to post here.)