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

Solved Where do I find css code for DU css classes

Discussion in 'Basic Support Forum' started by juan lulli, May 6, 2019.

  1. juan lulli

    juan lulli New Member

    DU themes, headers, footers are the best thing to happen to a beginner like me. Appreciative: ANOTHER QUESTION--> where do I locate, find actual css codes relating to all Section and Module css classes? I want to learn. Thanks once again in advance! Juan
     
    #1 juan lulli, May 6, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  2. juan lulli

    juan lulli New Member

    For instance, I can't seem to find in the builder or the css to adjust colors of these dividers that are used frequently in DU theme sections. Where please tell me, how to adjust these dividers. DU dividers.png
     
    #2 juan lulli, May 6, 2019
  3. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    All our CSS files are located in the assistant plugin Divi Ultimate Plugin > css folder. The main.css file contain most of our custom CSS.

    Do note that you shouldn't be editing the files in DIvi Ultimate Plugin. If you wish to add any custom CSS, add it in the Divi Ultimate Child Theme style.css or in Divi > Theme Options > Custom CSS.

    I would recommend you to learn about inspect elements in browser to quickly find which CSS you need. You don't have to dig into the CSS file in the assistant plugin. There are many tutorials on inspect elements out there. Here's one of them:



    For the divider color, you can change it globally at Theme Customizer > Divi Ultimate > Global Styling > Heading Border Color

    I also recorded a short video for you to show how to detect the CSS for the divider using inspect elements: http://recordit.co/JhynKketc7
    Basically, you can just copy the CSS shown in the video & paste it in Divi > Theme Options > Custom CSS or Divi Ultimate Child Theme style.css
     
    #3 Divi.Help Pro Support, May 6, 2019
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  4. juan lulli

    juan lulli New Member

    Thank you for taking your time to respond. Very grateful! I'll take a look and do my best to learn.
     
    #4 juan lulli, May 6, 2019
(You must log in or sign up to post here.)