How to make Prices Larger in Venture on Products

Store Design
1

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

2

@NeilAllannz

Please share your store URL.

3

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

preaya

4

@NeilAllannz

Please share screenshot what do you want!

5

@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

6

Hi Thanks for response. see attached info.

NeilAllannz_0-1629557401627.png
NeilAllannz_0-1629557401627.png962×655 86.2 KB

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

NeilAllannz_1-1629557527408.png
NeilAllannz_1-1629557527408.png1277×482 213 KB

Show pricing bolder as above etc.

NeilAllannz_2-1629557591558.png
NeilAllannz_2-1629557591558.png328×259 23.1 KB

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

shoplogin.JPG

7

@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; }
8

@NeilAllannz

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

9

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_2-1629558679525.png
NeilAllannz_2-1629558679525.png789×262 5.64 KB

NeilAllannz_0-1629558618541.png
NeilAllannz_0-1629558618541.png498×407 9.34 KB

10

@NeilAllannz

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

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

11

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.

NeilAllannz_0-1629561423822.png
NeilAllannz_0-1629561423822.png708×359 12.4 KB

12

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_0-1629561621767.png
NeilAllannz_0-1629561621767.png708×359 12.4 KB

13

@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!