How to Change product PRICE font/size on product page in Narrative Theme

Mandala4U_offic
Tourist
3 0 2

Hello!

Im using Narrative theme. Is there a way to make the prices bigger on the product page without changing all of the font sizes?

 

Thanks in advance

0 Likes
dmwwebartisan
Shopify Partner
4448 1002 1276

@Mandala4U_offic 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Mandala4U_offic
Tourist
3 0 2

https://mandala4u.hu/

There is no password.

Thank you in advance!

CAustinStudios
Tourist
4 0 3

I also am looking for this exact adjustment. I located the Sections>product-template.liquid file and found the code:

<p class="product__price text-center{% if current_variant_sale %} product__price--sale{% endif %}" data-product-price aria-live="polite"> ... </p> 

I adjusted each "p" to "h2" or any other header size but saw no changes within my actual product page. You are not alone in your need to make this adjustment and not knowing how.

dmwwebartisan
Shopify Partner
4448 1002 1276

@Mandala4U_offic 

I missed this post.

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

.template-product p.product__price {
    font-size: 2em !important;
}

 

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
dmwwebartisan
Shopify Partner
4448 1002 1276

@CAustinStudios 

Please check if this given solution will work. If not then please provide your website URL and what text size you want to change. I will check.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
CAustinStudios
Tourist
4 0 3

This did not work for me. I am wanting to make the price that appears on each individual items product page larger so I can adjust the size of the listed price.

https://cassidyaustin.com/

password: beicho

thank you very much for your help.

 

dmwwebartisan
Shopify Partner
4448 1002 1276

@CAustinStudios 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-product h4.product__price {
    font-size: 2.5em !important;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Mandala4U_offic
Tourist
3 0 2

@dmwwebartisan  thank you so much!

Works like a charm
I am so happy

CAustinStudios
Tourist
4 0 3

Works perfectly, thank you so very much!

 

0 Likes