Help with CSS for product page

  • Resolved twomixers

    (@twomixers)


    4 years ago

    Hello,
    I need help changing the color of the font for the categories and tags on my product pages. Right now it is a light grey, hard to see. I was able to get the price color to change with CSS but cannot figure out the right code for the category and tag fonts.

    Here is the code I used for the price font:
    .price .woocommerce-Price-currencySymbol{
    color: #595959 !important;
    }

    .woocommerce-Price-amount.amount {
    color: #595959;
    }

    You can see this issue on any product from my chocolate shop page. TYIA

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support tijosh

    (@tijosh)

    Hi there @twomixers,

    It’s usually best to set the styles for elements within the theme settings; however, if the theme doesn’t offer settings for this, you can use the following CSS:

    
.posted_in a, .tagged_as a {
    color: #595959;
}

    Hope this helps!

    Thread Starter twomixers

    (@twomixers)

    I definitely agree but unfortunately the theme customizer is not making these changes. Idk if it is because of the DiviBuilder or WooCommerce but changing the settings doesn’t seem to effect these elements. I will try this right now.

    Thread Starter twomixers

    (@twomixers)

    This worked great! Thank you so much!

    Do you have any advice on changing the background color for the “Have a coupon? Click here to enter your code” and “Sorry, it seems that there are no available payment methods for your state. Please contact us if you require assistance or wish to make alternate arrangements” on the checkout page? Last request, none of the other CSS options or theme settings I try seems to change this. TYSM

    Thread Starter twomixers

    (@twomixers)

    Plugin Support tijosh

    (@tijosh)

    @twomixers those items can be modified with:

    .woocommerce-info {
    background: #595959;
    }

    For any future color changes, we’d suggest contacting the theme author support if there are no theme settings readily available.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Help with CSS for product page’ is closed to new replies.