Docs

[Cherylwoodman]

Hi Themeco,

Am I able to change the size & colour of the text of the product name & price in woocommerce?

At the moment the heading title is very large & the price is coloured… (I’ve attached a screenshot)

Thanks,

Cheryl

[Joao]

Hi Cheryl,

Please add the following codes at your Appereance / Customizer / Custom / CSS {

TITLE:

.woocommerce h1 .product .summary .product_title {
      color: #fff333 !important;
      font-size: 150%;
}

For the price:

.price span .amount {
color: gray !important;
}

**Adjust color and size according to your taste.

Hope that helps,

Joao

[Cherylwoodman]

Hi Joao, thanks for your reply, I’ve copied the code as this…

.woocommerce h1 .product .summary .product_title {color: #fff333 !important; font-size: 100%;}

but the title hasn’t changed… have I copied something incorrectly?

[Thai]

Hi There,

Please try with this CSS instead:

.woocommerce div.product .summary .product_title {
      color: #fff333;
      font-size: 150%;
}
.woocommerce .price > .amount {
    color: #f0f0f0;
}

Hope it helps 🙂

[Cherylwoodman]

YAY – that works. Thanks Thai!

[Paul R]

You’re welcome! 🙂

[Author]

Posts