product tabs are wrong color, after updating theme

Posted in: Newspaper
Post count: 19
jameswwolf
#60284
Jul 21, 2015 at 5:51 am

Hi there,

Thanks for a great theme! I’ve just recently updated the theme to latest version, and am having some design issues with the woocommerce product page tabs. They are almost invisible now, while before they were green.

Can you please advise on how to fix?

Thanks,
James

Post count: 7909
Alin [tagDiv]
#60351
Jul 21, 2015 at 1:05 pm

Hi,

Please provide a link so we can take a look at this.

Thanks!

Post count: 19
jameswwolf
#60425
Jul 21, 2015 at 5:34 pm

thanks for the quick reply!

here’s a link:
http://goo.gl/TETBbx

tabs are directly below the product photo, but unable to be seen as somehow the text and tab background color have changed. I believe the tabs were green when selected (w/ white text) and outlined in green when not selected (with green text)… or vice versa.

how can I get it back to how it was before updating the theme?

Thanks for your help!
James

Post count: 19
jameswwolf
#60457
Jul 21, 2015 at 10:09 pm

Hi Alin – any luck?

Thanks!
James

Post count: 19
jameswwolf
#60487
Jul 22, 2015 at 6:13 am

When I add the following CSS into my source code within the browser… it fixes the issue:

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #0d732f;
}

But when I try to add it to custom CSS in theme options, it is still be overridden by some other code in the theme.

Please help! Big sale tomorrow and hope to have this resolved beforehand.

Thank you,
James

Post count: 7909
Alin [tagDiv]
#60588
Jul 22, 2015 at 4:36 pm

Hi,

Please check if you don’t have any custom css that may affect this and also you can disable all plugins leave just Visual Composer and Woocommerce active, clear cache and see if you still have this issue maybe there is a plugin conflict.
If this doesn’t help you can try to target more specific and use this custom css: http://screencast.com/t/Mpy2RPq8Oo

.woocommerce .td-main-page-wrap div.product .woocommerce-tabs ul.tabs li.active {
background-color: #0d732f !important;
}

Thanks!

Post count: 19
jameswwolf
#60601
Jul 22, 2015 at 5:09 pm

That custom CSS did the trick!! Thanks Alin for your great support!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.