How to change the font color?

Hi @1sky,

Can you please share the URL of your site? Also, please share a screenshot of the fonts that you want to change the color of.

Kind regards.

Yes. The URL is oddrobin.com.

I put a screenshot in my google drive here:
https://drive.google.com/file/d/1_JnQUnb2PSBxwvCut87v9hwvSDdOMLad/view?usp=sharing

Thank you!

Hi

To change the color please add the below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS.

body, p, h3 {
    color: #ffffff !important;
}

.woocommerce form .form-row label, table tr th, .woocommerce-checkout #primary .page .entry-content .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table td{
    color: #ffffff;
}

.woocommerce-checkout .woocommerce .woocommerce-info{
    color: #ffffff;
}

Change the value of the color according to your needs.

Kind regards.

• This reply was modified 4 years, 2 months ago by blossomthemessupport.

This changes the color of a sprinkling of text on the cart page, but no other text changed color. Thank you for trying!

I was hoping I wouldn’t have to look for each css element to change each one manually using custom CSS, which is why I asked for a simple method, but it seems like that is the only way to do it. Or just have a light color background – strongly considering this as the best option.

In case someone else is curious about this task, these are some of the elements I have been able to change so far:

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    color: #ffffff;
}

bdi {
    color: #ffffff;
}

main.site-main {
    color: #ffffff;

• This reply was modified 4 years, 2 months ago by 1sky.

Hi @1sky,

Yes, we cannot change the color with a single line of code. We will have to apply the CSS code to each and every element. Instead, we recommend you to use a light-colored background.

Kind regards.