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. 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. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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