Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 7, 2017 at 12:38 pm #756936
    CDuyvis

    Hi!

    I’d like to have side-by-side tabs and was wondering if there was a way to tweak their behavior. Is there any way to add an icon before the tab that changes when the tab is open? (Like a sideways arrow pointing down when selected – like with accordions.)

    Also, is there any way to make the content stylishly slide down when the tab is selected?

    March 8, 2017 at 7:59 am #757545
    Rikard

    Hey CDuyvis,

    I’m not sure I understand what you are looking to achieve, maybe you could link to an example or post a screenshot highlighting your intentions? A link to your site would be great as well.

    Best regards,
    Rikard

    March 8, 2017 at 8:05 pm #758000
    CDuyvis

    Sure – here’s what I mean: http://www.corinneduyvis.net/faq/#expanded
    Those are accordions. Click on any of those links, and the arrow to the left adjusts. That’s the kind of behavior I want for tabs.

    Here’s the tab set-up I have (hardcover/ebook/audiobook) – http://www.corinneduyvis.net/novels/on-the-edge-of-gone-copy

    So, if the tab is not selected: an arrow pointing to the right.
    If the tab is selected: the arrow points down.

    Is that clearer? :)

    March 14, 2017 at 11:50 am #760621
    Yigit

    Hi,

    Thanks for the details!
    Your page where you have tabs element cannot be found. Can you please check the link once again?
    You can add following code to Quick CSS in Enfold theme options under General Styling tab to change the icon of active tab to down pointing arrow

    
.active_tab .tab_icon:before {
    content: '\E87B';
}

    This is how it should look – http://i.imgur.com/3xCRq9J.gifv

    Best regards,
    Yigit

    March 15, 2017 at 11:49 pm #761679
    CDuyvis

    Perfect – thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Tabs with changing icons’ is closed to new replies.