Partial color change and duplicate price display

  • Hello again,

    I am having the following two issues:

    1.) I am trying to change the color of the price on the product summary page. I have tried the following, but it only changes the word ‘From’ and not the actual price.

    .woocommerce ul.products li.product .price {
    color: #ff4b4b!important;
    }

    Does anyone know how to change the digits too?

    The prices appear on two pages:

    https://bba.128.myftpupload.com
    https://bba.128.myftpupload.com/products/

    2.) On the individual product page I would like to prevent an additional price to appear when Size and Color are selected, and instead for the price at the top to change from “From $25” to the actual price (that is dependent upon size).

    https://bba.128.myftpupload.com/product/the-trumpisher/

    (******As of now the server is down, but should be back up shortly********)

    Thank you so much for your help! I’ve already learned a lot.

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

  • 1.

    ul.products li.product .woocommerce-LoopProduct-link .price span.amount {
    color: #ff4b4b;
}

    2. That’s a big ask. It would be necessary to recode the WooCommerce JavaScript that reacts to customer selections and then shows the appropriate variation data. Even if you manage that, it’ll have to be redone whenever WooCommerce changes the original JavaScript.

    Thread Starter lindasca

    (@lindasca)

    You’ve been such a great help! I’m definitely no developer – I’m a teacher by profession – so I really appreciate the assistance with the learning curve with the site. The site isn’t ready for full publication, but if you like any of our designs (or even if you want to check back in about a week when all of the products have pictures) send me your email so that I can mail you a shirt out of gratitude. If they don’t align with your ideology/taste, send us a picture and we’ll print it for you.

    1. I tried the code, but no change in color.

    2. Thank you for explaining how that works – I think visitors can live with the two prices on the page.

    Thanks for the offer!

    1. I can’t find the style in the page. Did you take it out when it didn’t work? If you could put it back I’ll try to debug it.

    Thread Starter lindasca

    (@lindasca)

    I added it back in. Thank you!

    The style we want is not working because this one is being added later in the page and so it takes precedence. Can you remove it, or change it. Its in the “pharmacy-theme-customizer-pro-color-scheme” section. I don’t have your theme so I don’t know how to do that, it might be in theme settings somewhere.

    /* WooCommerce Section -->> Product Price Color */
ul.products li.product .woocommerce-LoopProduct-link .price span.amount {
  color: #2b2b2b;
}
    Thread Starter lindasca

    (@lindasca)

    Thank you again! I went back and added !important and it was enough to change the color:

    /*ul.products li.product .woocommerce-LoopProduct-link .price span.amount {
    color: #ff4b4b !important;
    }

    Your shirt is waiting for you – can I reach you directly through your site’s contact us page?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Partial color change and duplicate price display’ is closed to new replies.