thehorn5 Posted July 21 Share Posted July 21 (edited) Does anyone know how to center the "Related Products" text and the images on the shop pages? I'm not a fan of the text aligned to the left on the header. I like the text under the images aligned to the left. I only want the header text and images to be aligned to the center. I was able to achieve something similar in the Additional Info in the product details area, but it shows the same featured products on every page. I would rather them link based on tags. I have attached some screen shots below of how it looks and how I'd rather it look. I have blocked out the product images as I am not ready to launch the store page yet. The grey boxes I do not want as part of the style sheet. Thanks! Edited July 21 by thehorn5 Link to comment
paul2009 Posted July 21 Share Posted July 21 Please provide a link to the page on your site. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
thehorn5 Posted July 21 Author Share Posted July 21 7 hours ago, paul2009 said: Please provide a link to the page on your site. https://www.peytoncooper.com/shop/p/baseball-stitch-illustrator-pattern-brush Link to comment
Solution tuanphan Posted July 23 Solution Share Posted July 23 On 7/21/2023 at 10:16 PM, thehorn5 said: https://www.peytoncooper.com/shop/p/baseball-stitch-illustrator-pattern-brush You can add this to Design > Custom CSS /* center related products heading */ h2.ProductItem-related-label { 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
thehorn5 Posted July 23 Author Share Posted July 23 25 minutes ago, tuanphan said: You can add this to Design > Custom CSS /* center related products heading */ h2.ProductItem-related-label { text-align: center; } This worked. 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