Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #447101

    Hi,
    I have read many of the posts on this topic but none of the Quick CSS changes seem to make any difference to my page layout. I simply want to make the tab labels stand out against the page background. Ideally I want to have coloured borders, modify the font and colour background – especially the non-active tabs.

    I have put the following in the quick css box although I will change the colours when I get it working.

    /* change tab colour/
    .tab{
    color:red important!;
    font-size:16px !important;
    background-color:blue !important;
    border-color: blue;
    }

    .active_tab{
    color:yellow important!;
    font-size:18px !important;
    background-color:black !important;
    }
    div .main_color .tabcontainer .active_tab {
    color: #212121!important;
    }

    #447655

    Hey chrisheath28!

    Please try this instead:

    .js_active .top_tab .tab {
      background: red !important;
      font-size: 16px !important;
      color: black !important;
    }

    Cheers!
    Rikard

    #447706

    Hi Rikard!

    Thanks for the suggestion.

    I have put that in the Quick CSS box but the target page hasn’t changed. Do I need to put anything on the target page as well – if so where?

    Many thanks for your help,

    Chris

    #448178

    Hey!

    You can try this:

    .main_color .sidebar_tab, .main_color .tabcontainer .tab {
      color: white;
      background-color: red;
    }

    Regards,
    Ismael

    #448494

    Hi,

    Thanks for the suggestion, however whatever I put in the Quick CSS box appears to make no difference to the tabs! I have cleared caches, deactivated all plugins but still no difference! Is there something else I should be doing to make the page recognise the relevant piece of CSS?

    Regards,

    Chris

    #448498

    Hey!

    Please make sure that wp-content/uploads folder has correct permissions ( 755 ) – http://codex.wordpress.org/Changing_File_Permissions
    Also, please disable CSS minifying feature if you are using on a plugin

    Best regards,
    Yigit

    #448531

    Hey Yigit!

    I have checked these and still no change!

    Chris

    #449325

    Hey!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Best regards,
    Rikard

    #449536
    This reply has been marked as private.
    #449843

    Hey!

    We only need the WP dashboard access. If you can provide that, it would be great. Regarding the plugin, unfortunately, we don’t provide support for third party plugins. Please contact the plugin author.

    Best regards,
    Ismael

    #450341
    This reply has been marked as private.
    #451181

    Hey!

    You had some typos and errors in Quick CSS field. I fixed them. Please review your website now.

    Cheers!
    Yigit

    #451278

    Once again you have solved it! Many thanks,
    Chris

    #451280

    Hi!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Changing Tab border and colour for visibility’ is closed to new replies.