How to make Prices Larger in Venture on Products

Hi

I am hoping someone is able to help. Trying to make the pricing larger and make the special prices in Red and larger also.

Also how to do a FAQ Page & Tracking order page ?

Fingers crossed someone is able to give me some help.

Cheers

@NeilAllannz

Please share your store URL.

https://www.printphotos.co.nz/password

preaya

@NeilAllannz

Please share screenshot what do you want!

@NeilAllannz

please Go to Online Store->Theme->Edit code then go to assets/theme.scss .liquid->paste below code at the bottom of the file.

.product-card__brand, .product-card__price{
font-size:1em !important;
font-weight:bold;
color:#961821 !important;
}

.product-single__price{font-size:2.17647em !important; color:#961821 !important; }

create faq page check link https://easycodeguide.com/build-customizable-faqs-page-using-section-shopify.html

Hi Thanks for response. see attached info.

Trying to get the Prices Bolder and Bigger + when item on special to show in Red and same size etc as the main pricing.

Show pricing bolder as above etc.

And also Account Login to change to Shop/Login but not in orange.

shoplogin.JPG

@NeilAllannz

add this css code

.product-card__brand, .product-card__price{
font-size:1em !important;
font-weight:bold;
color:#961821 !important;
}

.product-single__price{font-size:2.17647em !important; color:#961821 !important; }

@NeilAllannz

check link for help : https://community.shopify.com/c/Shopify-Design/How-can-i-edit-customer-login-text/td-p/553681

Thanks for that Code :slightly_smiling_face:

Just its coming up in Red and should be Black.

I also setup some products as compare price which should put the special price next the the normal price, but isn’t working. would you have any idea why ?

@NeilAllannz

check this link : https://help.shopify.com/en/manual/discounts/sales

https://avada.io/shopify/docs/how-set-compare-price-product-shopify.html

Hi Again, Thanks for the first Code, but made both prices Red, - Need the normal prices in black and sales price in red please… can you help fix this.

Hi

Sorry thanks for the code but its made All/both prices Red.

Sales Prices needs to be Red & Non Sale Prices in Black.

Are you able to help fix this for me please.

@NeilAllannz

Try following css code

// 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.

Thanks!