1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

CSS Classes Table of Content?

Discussion in 'Basic Support Forum' started by Tanathip Sinrachtanant, Nov 21, 2018.

  1. Tanathip Sinrachtanant

    Divi Ultimate Child Theme Divi Powerful Child Theme

    Hi DU Admins and Fellow Members,

    I would like to ask if you have the CSS Classes list or table of content available? I only discover them by stumbling upon them by accident. Ones such as "free-background-overlay" or "free-social-style-1".

    I would like it if we can insert them whenever needed. Is there the CSS Classes list already available?

    Thanks!
    Jay
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Sorry to say that we don't have the list for the CSS classes available. But I would say that the most commonly used CSS class is free-background-overlay to add dark overlay to the background image.

    Do note that you can change the overlay color of easily in the settings. See the screenshot below:

    [​IMG]

    The rest are just CSS classes to style the module for specific purpose. For example, free-social-style-1 that you mentioned will just add some special styling to the social module. The easiest way is to browse through our demo site & look for the elements / design that you want to use & load the premade section in your site.