CSS question

Support
#1

what is the css for changing the font color of, or maybe what is the css class to add my customization for…

  1. the content in single product page active tab panes?
  2. the font color of the prices on the products archive page? the one that is in the popup box when scrolled/hovered over the product thumbnail.

thanks :slight_smile:

#2

Hello There,

Thanks for writing in!

1.) To change the content in single product page active tab panes, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-nav-tabs>li.active a{
    color: red;
}

.x-tab-content .x-tab-pane.active {
    color: red !important;
}

This code may not work in your description because all the content text were wrap with a span element that has inline styles in it. You may need to edit it.

2.) To change the font color of the prices, you may use this code:

.woocommerce .price,
.woocommerce li.product .entry-header .price>.amount, 
.woocommerce li.product .entry-header .price>ins>.amount {
    color: red;
}

Feel free to change the color values as it only serve as an example code.

#3

Thanks! the color change for the prices worked but the other color change in the tab/active pane content did not change from the black font for some reason.

#4

Hi There,

Please provide us a direct link (URL) to your product page so we can take a closer look. And provide us credentials in a secure note if the site is under construction mode.

How To Get Support

Thanks,

#5

the site is not under construction mode

#6

Hello @adubs777,

Thanks for sharing website URL. :slight_smile:

Please use following code insead to change the color to tab title and content under X > Theme Options > CSS:


.x-nav-tabs>li.active a{
    color: red !important;
}

.woocommerce div.product .woocommerce-tabs .x-tab-content p span {
    color: #ff0000 !important;
}

Let us know how it goes.

Thanks.

#7

thank you :slight_smile:

#8

You’re welcome!
Thanks for letting us know that it has worked for you.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.