Fixing Styles for Detailed Product Page « Support Forum | Kriesi.at

Fixing Styles for Detailed Product Page

5 posts from 2 voices

Tags:

No tags yet.

kitticraft
Member

Hi,

Please can you assist me with fixing the styles for the detailed product page. I want to be able to see the tabs for the "Description" and "More Information" links as well the the content "box boarders". I think that another plugin has possibly overwritten the styles again. E.g http://kitticraft.com/?product=acorn-stand.

Thanks,
Lawrence

Posted 1 year ago #
Ismael
Moderator

Hello,

The tabs are working. :)

Regards,
Ismael

Posted 1 year ago #
kitticraft
Member

Hi Ismael,

Thank you for checking, I realize that the tabs work, but the problem is the visual styling, I keep getting emails asking me about the dimensions because people don't know to click the tab because it doesn't look like a tab. I want to add the boarder and rounded corners to the tab so that visitors have a visual cue to click there...

How can this be done?

Thanks,
Lawrence

Posted 1 year ago #
Ismael
Moderator
Hi Lawrence,

I think the problem is the color contrast of the tab. Try to add this code in your Quick CSS or custom.css to give it more contrast:
```
#top div.product .woocommerce_tabs ul.tabs {
   background-color: #CCC !important;
}
```
Hope this helps. :)

Regards,
Ismael
Posted 1 year ago #
kitticraft
Member

Hi Ismael,

Thank you so much, that worked like a charm!

Regards,
Lawrence

Posted 1 year ago #

This topic has been closed to new replies.