gdmartino Posted January 26, 2022 Share Posted January 26, 2022 Site URL: https://www.homemadeart.com.au/store/p/p0av2i3r79yn0cs4bmcefu9iuq5ro6 Hiya. First off want to say I'm very grateful for the squarespace forum community. Been able to adjust so much of my website by myself without ever having done any coding before just from others questions and amazing helpful answers. I'm hoping to make one adjustment on my site that I can't seem to find on the forum. As the title says, I'd like to move the normal (not additional/form info) description which is at the bottom of my site, to underneath the "Home Portrait" title and above the pricing and image gallery sections. And I'd like to Centre that title title as well. Oh and, is it possible to level off the top of the image gallery with the "from $205.00" pricing title sothey're in one line? So that it looks all neat and tidy? I've attached some pics to demonstrate. Cheers! Link to comment
tuanphan Posted January 27, 2022 Share Posted January 27, 2022 Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { // title $('h1.ProductItem-details-title').insertBefore('section.ProductItem-summary'); // description $('.ProductItem-details-excerpt').insertAfter('h1.ProductItem-details-title'); // price $('.ProductItem-product-price').insertAfter('.ProductItem-details-excerpt'); }); </script> <style> h1.ProductItem-details-title { text-align: center; } .ProductItem-details-excerpt p { text-align: center !important; } .ProductItem-product-price { text-align: center; } span.afterpayString { display: block; margin-top: 15px; } </style> 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
gdmartino Posted February 4, 2022 Author Share Posted February 4, 2022 On 1/27/2022 at 11:19 PM, tuanphan said: Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { // title $('h1.ProductItem-details-title').insertBefore('section.ProductItem-summary'); // description $('.ProductItem-details-excerpt').insertAfter('h1.ProductItem-details-title'); // price $('.ProductItem-product-price').insertAfter('.ProductItem-details-excerpt'); }); </script> <style> h1.ProductItem-details-title { text-align: center; } .ProductItem-details-excerpt p { text-align: center !important; } .ProductItem-product-price { text-align: center; } span.afterpayString { display: block; margin-top: 15px; } </style> Thank you! Unfortunately it didn’t work. Link to comment
tuanphan Posted February 8, 2022 Share Posted February 8, 2022 What is access password? 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