Re: how to change product title and price

Solved

how to change product title and price

BaneMusic
Tourist
9 0 1

can anyone help with this problem.

my price and sale text are really small. and the title really really big. is there a way to enlarge the price and sale text and make the title smaller?

shop: www.bane-music.com 

pasword: Welcome123

 

Schermafbeelding 2022-10-15 om 15.12.25.png

 

 

 

 

 

 

 

 

 

 

Accepted Solutions (2)

PageFly-Richard
Shopify Partner
4902 1100 1776

This is an accepted solution.

Hi @BaneMusic 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

 

h1{

    font-size: 30px !important;

}

.price--large {

    font-size: 30px !important;

}

RichardNguyen_0-1665840586765.png

 

Hope that my solution works for you.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Richard
Shopify Partner
4902 1100 1776

This is an accepted solution.

Hi @BaneMusic 

For "Sold out", you can try with this code:

.product .price .badge {
font-size: 30px !important;
}

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 6 (6)

PageFly-Richard
Shopify Partner
4902 1100 1776

This is an accepted solution.

Hi @BaneMusic 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

 

h1{

    font-size: 30px !important;

}

.price--large {

    font-size: 30px !important;

}

RichardNguyen_0-1665840586765.png

 

Hope that my solution works for you.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

BaneMusic
Tourist
9 0 1

Thanks! this works good for me. is there an option to do this with the text "sold out" as well? you hardly see this..

 

Thanks a lot for you help!!

PageFly-Richard
Shopify Partner
4902 1100 1776

This is an accepted solution.

Hi @BaneMusic 

For "Sold out", you can try with this code:

.product .price .badge {
font-size: 30px !important;
}

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

BaneMusic
Tourist
9 0 1

Thanks @PageFly-Richard !

That works great!

 

PageFly-Richard
Shopify Partner
4902 1100 1776

yeahhh!!! i'm glad to help you @BaneMusic 😉

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Iris
Shopify Staff
826 67 110

Hi @BaneMusic ,

 

You can adjust the header and the body text font size within your theme editor. This setting can be found Theme Settings under the Typography section. For your particular question, the price line is considered part of the body. As you can notice, configuring this will apply changes on all parts of the website that are considered body.

 

15-55-41765-14951

 

If you’d like to edit just the price font size, you will need to edit your theme code as others mentioned in the thread. Please keep in mind that before you customize a theme, it's a good idea to make a backup copy so that you can discard your changes and start again if you need to.

 

Also, I’d like to remind you that as you are using a free theme, you can always reach out to our Support team. Assuming you’re using a free theme and your store has enough complimentary design time left, our team may be able to customize this for you. 

 

You can reach out to our Contact Us page at this link. Then log in to your store. It will allow us to verify you as the store owner securely. Once you have successfully logged in, you should be able to reach out to a Support Advisor and discuss the customization request. 

 

Please note that there is no guarantee this customization is supported, and it has to be reviewed by our team first. As mentioned above, you can always hire a Shopify Experts to do this editing for you. 

 

Hope that helps.

Iris | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog