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; } } tuanphan and ARees 2 Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified. www.sevenstars.studio www.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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
JoseEsteves1 Posted January 19 Share Posted January 19 Can someone help me center the part that says "RING 1"? Link to comment
paul2009 Posted January 19 Share Posted January 19 @JoseEsteves1 Please provide a link to the page. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
JoseEsteves1 Posted January 22 Share Posted January 22 Hello @paul2009 here it is: https://www.ventura-ventura.com/store/p/ring-1 Link to comment
tuanphan Posted January 25 Share Posted January 25 @JoseEsteves1 You can use this code to Website Tools > Custom CSS @media screen and (max-width:767px) { .pdp-layout .pdp-details .pdp-details-title { text-align: center !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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