New Landing How can we help? Themeforest Theme Support Flexform Change Font Color in Tabs shortcode

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Flexform
  • #2469
    helloweb31
    Member
    Post count: 67

    Hi,

     

    I would like to change the text and tab headline in the shortcode tabs.

    If I leave the text in standard black color, it tourns out dark grey online.

    but, as I have a black background, the text should be white. The same applies to the tab headlines.

    For the text , I can work around the problem by defining the text as white in the editor, but this is a bit nervewrecking as I cannot see the text anymore then. this cannot be done for the headlines of the tabs though.

     

    Please, let me know how to change the general text color settings in the tabs and in the tab headlines.

     

    thanks

     

    #2553
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Hi,

    Titles:

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #FD3E27;
    }

    (will turn it to orange/red)

    Tab content is using the default body text color, override it with:

    .wpb_tab p {
    color: #ccc !important;
    }

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

    #2619
    helloweb31
    Member
    Post count: 67
    This reply has been marked as private.
    #2706
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Can you send a link so that we can provide some css?

    The top bar menu button is the secondary accent colour.

    View.js plugin is enabled automatically, and is used for image lightboxes.

     

    – Ed

    #2727
    helloweb31
    Member
    Post count: 67
    This reply has been marked as private.
    #2865
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Add the following to Flexform Options > General Options > Custom CSS

    .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .wpb_accordion .wpb_accordion_section > h3.ui-state-active a {
    color: #fff;
    }
    

    – Ed

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register