Kitestudio Support
  • Hire Us
  • PinkMart Pro
  • Tata Pro
  • login
  • Register
Login | Register
×

Login

Log In
Lost Password?

Community Forums

How to change color of just price in shop page

  • 5 years, 1 month ago root
    Keymaster

    I am trying to change the color of the prices in the shop page using basic CSS,but can’t seem to fully accomplish it. The Colors are changed but the color for the variable product is still the same,
    You can visit https://storebharat.com/shop/ and see it there.
    I want the price to be in green, but in variable product it is still yellow.
    I also don’t want to change the color scheme of anything else.

    .price
    {
    color : #02882f !important;
    }
    .woocs_price_code
    {
    color : #02882f !important;
    }
    span .woocommerce-Price-amount
    {
    color : #02882f !important;
    }
    .woocommerce-Price-amount
    {
    color : #02882f !important;
    }
    .woocommerce-Price-currencySymbol
    {
    color : #02882f !important;
    }
    This is the code i have written in Appearance -> Customise -> Additional CSS

    5 years, 1 month ago root
    Keymaster

    Hi Yash, hope have an amazing day ahead

    check the following css :

    .woocommerce div.products div.product:not(.product-type-simple) .price .woocs_price_code > span.amount:nth-child(1) {
    color: #02882f !important;
    }

    Regards

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

You must be logged in to reply to this topic.

Recent Topics

  • installation problem – Pinkmart Theme
  • Support With email
  • Edición del header
  • all demo pages are not import.
  • Products are not showing on mobile view

Recent Comments

    Search Forums

    Recent Topics

    • installation problem – Pinkmart Theme
    • Support With email
    • Edición del header
    • all demo pages are not import.
    • Products are not showing on mobile view

    Recent Replies

    • all demo pages are not import.
    • Edición del header
    • Need double click to see product detail page
    • Need double click to see product detail page
    • List Layout
    • Most popular topics
    • Topics with no replies

    KiteStudio Team

    We take great care to make sure that we respond to all questions within 1 business day.

    You can also contact us via
    help.kitestudio@gmail.com

    Getting Support

    • teta Documentation
    • teta changelogs
    • Pinkmart Changelogs
    • Video tutorials
    • Register
    • Login