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 Active - Inactive tabs in Divi Theme

Discussion in 'Free Divi Community Forum' started by Marlo Muñoz, Jun 17, 2021.

  1. Marlo Muñoz

    Marlo Muñoz New Member

    Hello

    I want to change the tab text styles/alignment depending on the status (active/inactive), but I couldn't find the correct way to do that. This is what I need:

    Active Tab:
    • Font Bold
    • Alignment to the left

    Inactive Tab:
    • Font normal
    • Alignment to the left
    Any ideas?
     

    Attached Files:

    #1 Marlo Muñoz, Jun 17, 2021
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  2. Marlo Muñoz

    Marlo Muñoz New Member

    Finally, I found the solution:

    Tab Module > Advanced > Custom CSS

    In the Tab Section:
    Code:
    Log In or Sign Up to view this code.
    In the active tab section:
    Code:
    Log In or Sign Up to view this code.
    After that, I didn't modify any style in the design section of the module because this customization for some reason override the Custom CSS configuration

    Kind regards
     
    #2 Marlo Muñoz, Jun 18, 2021
(You must log in or sign up to post here.)