Venture Theme: Change color and size for the Sale Price

New Member
1 0 0

Please, i need to change the color and size for the Sale Price in the Venture Theme.

Could anyone help me??

Many thanks!

0 Likes
New Member
3 0 0

Hi

I have a same problem and the guides provided is not helping me!?

0 Likes
Tourist
4 0 0

I tried that, and it works (source : https://community.shopify.com/c/Shopify-Design/Changing-the-size-of-prices/m-p/265239 )

 

Go in file Assets/shop.scss.liquid.

add in the end :

 

for the price on collections:

.product-card__price { font-size: 2em; }

for the product page:

.product-single__price { font-size: 2em; }

If anyone knows how to change the colors, you are welcome to tell us :)

0 Likes

Hello,

If you want to change color and font size then

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product-card__price {
	color: red;
	font-size: 15px;
}

Please share youe site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
4 0 0

Hello, Thank you for your answer :)

Sorry, my shop is not online yet.


Do you know how to change the color (independently) for the normal AND discounted price.

By example, how can I set the normal price in magenta, and the discounted price in other RGB value, in my products page ?

 

Regards.

0 Likes

Hello ,

For normal price add below css

.product-card__regular-price {
	color: magenta;
}

For discounted price

.product-card__price {
	color: red;
}

If my solution works please don't forget to like and accept the solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
4 0 0

Nice !

Thank you :)

But it doesn't work for the product page. (all prices are blue)

 

I tried :

.product-single__regular-price {
	color: magenta;
}

But it doesn't work

 

Can you tell me the right syntax to put RGB color on the "regular price" in the product page ?

0 Likes

Hello 
Add this css at the bottom of :
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

#ProductPrice-product-template {
    color: green!important;
    font-size: 25px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
4 0 0

Hello, and thank you for your help.

 

I dont know what can do your code (I will try it). But the shopify support gives me these lines to change colors and sizes of all prices. (normal and crossed out)

 

// Product price 
.product-single__price--compare {
	font-size: 1em;
	color: #DB2F8D;
}
.product-single__price-container {
	font-size: 1.4em;
	color: black;
}


// Collection price
.product-card__regular-price {
	font-size: 0.9em;
  color: #DB2F8D;
}
.product-card__price {
	font-size: 1.1em;
	color: black;
}

You can change colors :

- with their name : black, blue, magenta, green etc.

- with their RGB value : #ff0022  etc.

0 Likes