Return to previous page

CSS: How to change color of product price

This topic has 4 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Robert Hall

  • Avatar: walkerk2@mac.com
    walkerk2@mac.com
    Participant
    May 5, 2016 at 18:04

    Hi, I have tried adjusting various selectors but can seem to change the color of hte product price. I’d like to change it to #555. Please see what I’m referring to here: https://drive.google.com/file/d/0B561NC42TbdMTTBfVHZUSWt0clE/view?usp=drivesdk

    I’d like all links to remain blue #004e8a.

    #124227 Copied
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 5, 2016 at 19:35

    Hello,

    Please add this code in custom.css file:

    #products-grid.products_grid .product-grid .price .amount {
  color: #555;
}

    Best regards,
    Jack Richardson.

    #124273 Copied
    Avatar: walkerk2@mac.com
    walkerk2@mac.com
    Participant
    May 5, 2016 at 23:07

    perfect, thanks so much!!

    #124297 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 6, 2016 at 07:20

    Hello,

    You’re welcome!

    Regards,
    Robert Hall

    #124304 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘CSS: How to change color of product price’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.