How can I change price color and remove sale badge in my theme?

Hello, ive been on this for a while but apparently it needs coding and i dont know anything about that. Im trying to get the price (not the compare at price) to be this colour #f79dc3 , im also on trying to make the bundles selection colour that HEX colour aswell instead of the black it is now and then the sale badge that is next to the price i want removed. I know its alot but i would appreciate any help i can get alot. Lashify™ - Återanvändbara Fransar (ee0467-3.myshopify.com)

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >component-price.css and paste this at the bottom of the file:
.price-item.price-item--sale.price-item--last {
    color: #f79dc3!important;
}
.badge.price__badge-sale.color-accent-1 {
    display: none!important;
}

Hi @Jeff1337

This is Lucas from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

span.price-item.price-item–sale.price-item–last {

color: #f79dc3 !important;

}

Hope that my solution works for you.

Best regards,

Lucas| PageFly

That worked! but when you select a option on the 2 options tab the layout is still black, would it be possible to have it something like this LASHY™ Premium Återanvändbara Fransar – Lashy ?

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >component-price.css and paste this at the bottom of the file:
.product-form__input input[type=radio]:checked+label {
    background-color: #f79dc3!important;
}

1 Like

thank you so much that worked. I thatd be all, appreciate you.