How to Change Color of Product Title Text

  • I’m using the Storefront theme with Woocommerce. When I add the block “Hand-Picked Products” to a page, it all looks good on the editing screen, but on the rendered page the product titles are white, which is not readable. This happens in Chrome and Firefox. You can see it right on the home page under the heading “Check Out Some of Our Top Sellers!”
    How can I change the color of the product title text?

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @larry-jones

    You can change this with a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

    .wc-block-grid__product-title {
 color: #000000;
}

    You should see the changes right away, but this is just a preview for you, so you can experiment a little with different colors if you like.
    Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.

    Thread Starter larry-jones

    (@larry-jones)

    Thank you so much, @senff. This did what I needed. Some day I’ll have to try to learn CSS.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Change Color of Product Title Text’ is closed to new replies.