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 CSS Class Renaming

Discussion in 'Basic Support Forum' started by Robin CT, Apr 16, 2019.

  1. Robin CT

    Robin CT Member
    Divi Ultimate Child Theme

    Hi guys,

    Is there an easy/quick way of renaming the CSS classes that are builtin to section settings?

    E.g I've used the Gym layout for the home page and the CSS class for one of the sections is free-gym et_pb_specialty_fullwidth.

    If possible, I would like to (in this example) replace the 'free-gym' part of the class to something that's more specific to the clients website.

    Of course, I don't want to potentially break the functionality of the site/theme so if it's too complex and/or risky, please let me know.

    Thank you
     
    #1 Robin CT, Apr 16, 2019
    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 Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    There's no easy way to do that. You will need to use code editor software (such as Notepad++) to replace all the free- in our assistant plugin & xml file. And it's not recommended as well, as you will need to do it for every update.

    If you're just referring to the 'free-theme' CSS class (such as 'free-gym', 'free-agency', etc.), then you can just remove it from every section after you have set your desired theme in Theme Customizer > Divi Ultimate > Global Styling > Choose your desired theme
    **This is because after you selected a desired theme in the global styling, it will then automatically add the 'free-theme' CSS class in the body tag for every pages. So, you won't need the 'free-theme' CSS class in the sections anymore. Do note that this only applies for 'free-theme' CSS class only, not for other CSS classes like 'free-background-overlay'.
     
    #2 Divi.Help Pro Support, Apr 17, 2019
  3. Robin CT

    Robin CT Member
    Divi Ultimate Child Theme

    Hi guys,
    Understood, thank you for the response.
     
    #3 Robin CT, Apr 17, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
(You must log in or sign up to post here.)