Okay
  Public Ticket #3690098
Tabbed Section Styling Options
Closed

Comments

  •  1
    futurelight01 started the conversation

    I was wondering if there's a way to style the following elements in Tabbed Sections (see attached image):

    1) Remove the space under tabs: I tried removing padding/margin everywhere I could find it, but there's still a space under the tabs, regardless of the tab style I pick. Is there a way to remove this space?

    2) Is there a way to change the font color of tabs?

    3) I can find a way to change the color of the active tab, but is there a way to change the background color of inactive tabs?

    Thank you!

    Attached files:  tabbed-section2.JPG

  •  8,860
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .tabbed[data-alignment=center] .wpb_tabs_nav {
        margin-bottom: 0px !important;
    }
    .tabbed>ul li:not(.active-tab) a {
        color: #000 !important;
        background-color: #27ccc0 !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    futurelight01 replied

    This worked perfectly, thanks!

  •  1,882
    Judith replied

    Hi there,

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.

    If you've enjoyed Salient, be sure to check out Nectarblocks, our latest innovation for building websites visually with WordPress.

    Your feedback is valuable to us and greatly appreciated!

    Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,