ARees Posted March 23, 2022 Share Posted March 23, 2022 Site URL: https://littlewhimsey.com Hi there, I'm trying to centre my product title on mobile only. I've found this code but didn't work (my site os 7.0) I've included a screen shot for reference. Is there an easy css code for this? Many thanks in advance 🙂 /* align shop title */ @media screen and (max-width:640px) { h3.nested-category-title { text-align: center !important; } } Link to comment
Jia Posted March 23, 2022 Share Posted March 23, 2022 2 hours ago, ARees said: Site URL: https://littlewhimsey.com Hi there, I'm trying to centre my product title on mobile only. I've found this code but didn't work (my site os 7.0) I've included a screen shot for reference. Is there an easy css code for this? Many thanks in advance 🙂 /* align shop title */ @media screen and (max-width:640px) { h3.nested-category-title { text-align: center !important; } } Hi, add this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 @media screen and (max-width:646px) { h1.ProductItem-details-title { text-align:center !important; } } ARees and tuanphan 2 Please give this a 👍 if it helps www.sevenstars.studiowww.instagram.com/sevenstars.studio Link to comment
ARees Posted March 24, 2022 Author Share Posted March 24, 2022 16 hours ago, Jia said: Hi, add this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 @media screen and (max-width:646px) { h1.ProductItem-details-title { text-align:center !important; } } You are a legend! perfect! THANK YOU again, Jia! Jia 1 Link to comment
Rjafadi Posted September 6, 2022 Share Posted September 6, 2022 Hi @Jia is there a way to center the production description with your code? Link to comment
tuanphan Posted September 8, 2022 Share Posted September 8, 2022 On 9/7/2022 at 4:29 AM, Rjafadi said: Hi @Jia is there a way to center the production description with your code? Use this CSS /* center product description */ @media screen and (max-width:767px) { .ProductItem-details-excerpt { text-align: center; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Rjafadi Posted September 8, 2022 Share Posted September 8, 2022 Thank you! @tuanphan Is there a way to create some space between the product title and images above? Also if the price could be under the title and centered too. Link to comment
tuanphan Posted September 9, 2022 Share Posted September 9, 2022 13 hours ago, Rjafadi said: Thank you! @tuanphan Is there a way to create some space between the product title and images above? Also if the price could be under the title and centered too. Try this CSS /* center product description */ @media screen and (max-width:767px) { .ProductItem-details-excerpt { text-align: center; margin-top: 30px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Rjafadi Posted September 9, 2022 Share Posted September 9, 2022 Thank you @tuanphan is there I could centre the price? Link to comment
tuanphan Posted September 10, 2022 Share Posted September 10, 2022 22 hours ago, Rjafadi said: Thank you @tuanphan is there I could centre the price? Try this @media screen and (max-width:767px) { body.view-item .product-price { text-align: center !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment