Shopify themes, liquid, logos, and UX
Hello I'd like to change the product title size but dont know how to, can you help me with that?
My store link is: wiggleduck.com
Solved! Go to the solution
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.product__title {
font-size: 30px; /* change valua as you like */
}
This is an accepted solution.
Please add the following code at the bottom of your CSS file.
@media only screen and (min-width: 750px){
h1.product__title { font-size: 3.2rem !important; }
}
Hope this works.
Thanks!
Hi @thevista888
If you have the CSS code, go to your product.liquid file and add the CSS code between <style> & </style>
Let me know!
If helpful then please Like and Accept Solution
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.product__title {
font-size: 30px; /* change valua as you like */
}
Hello @KetanKumar ,
Do you know if it works with the new dawn 2.0 theme? I have done the instructions and yet I do not see any difference on the size of the titles in product pages
Thanks for your help 🙂
can you please send store url
thank you very much for your feedback!
of course, the address of the site is: www.laiguille-store.com
great thanks for details can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
.product__title h1 {
font-size: 30px;
font-weight: bold;
}
its my pleasure to help us
Hi.
I tried this but it only changes for Desktop not for Mobile. how do I make sure it changes for mobile as well..?
My store is fanqvest.myshopify.com
Thank you very much.
This is an accepted solution.
Please add the following code at the bottom of your CSS file.
@media only screen and (min-width: 750px){
h1.product__title { font-size: 3.2rem !important; }
}
Hope this works.
Thanks!
Thank you so much for help.
What about changing the product description body text? Also in which CSS file do we need to add the code? base.css?
.product-single__description ul{ font-size: 20px !important; }
to both base.css as well as section-main-product.css but neither worked.
sorry for any issue can you please share store url.
Is possible to change the price and the crossed price font size&colour on the product page?
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Please share store URL.
Thanks!
Hi, the website is:
I feel that the price font size is too small as below
https://www.wishpools.com.au/products/double-sided-adhesive-wall-hooks
@Wishpools
Paste this code on top of the component-price.css file.
span.money {
font-size: 26px !important;
color: red !important;
}
Thank you!
Can I just keep the crossed price as before?
please add below code in bottom of assets/section-main-product.css
@media screen and (min-width: 750px){
.product__info-container .price--on-sale .price-item--regular { font-size: 2.3rem !important;}
}
Thanks!
thank you! It is work.
its my pleasure to help
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024