PaulJonesStore Posted August 5, 2019 Share Posted August 5, 2019 (edited) I am using the Brine template. I'm looking to add a border around the products in my products page. Does anyone know how to do this with CSS or is there just a setting I am missing in the page? Here is an example of my products page. I would like a black border around all these different products.https://www.pauljonesstore.com/hats thanks. Edited August 5, 2019 by PaulJonesStore Initial Revision Link to comment
Solution tuanphan Posted August 5, 2019 Solution Share Posted August 5, 2019 @PaulJonesStore Add to Home > Design > Custom CSS .ProductList-item { border: 1px solid #000; margin-right: 20px; } See how to insert CSS: https://beaverhero.com/squarespace-how-to/#HowtoInsertCustomCSS 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
PaulJonesStore Posted August 6, 2019 Author Share Posted August 6, 2019 Thank you thats worked perfectly. Do you know if there is anyway for all the boxes and borders to be the same height and width so that they are are symmetrical? Thanks! Link to comment
tuanphan Posted August 6, 2019 Share Posted August 6, 2019 @PaulJonesStore @media screen and (min-width:641px) { .ProductList h1.ProductList-title { height: 57px; } } 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
PaulJonesStore Posted August 6, 2019 Author Share Posted August 6, 2019 Perfect, thank you! Link to comment
whereami Posted April 29, 2021 Share Posted April 29, 2021 is there a way to add a border to a single product image on a products page? Link to comment
tuanphan Posted May 1, 2021 Share Posted May 1, 2021 On 4/30/2021 at 1:53 AM, whereami said: is there a way to add a border to a single product image on a products page? Can you share link to product page on your site? 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
whereami Posted May 1, 2021 Share Posted May 1, 2021 @tuanphanit's ok, thanks, @creedon fixed it: .ProductList-item:not( .tag-no-shadow ) .ProductList-outerImageWrapper { box-shadow : 2px 2px 3px; } 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