citygirlsearching Posted June 2, 2021 Share Posted June 2, 2021 Site URL: http://bazilstander.com/ Does anyone have a quick css solution for me to add a thin black border around a blog post? See image attached. I would need this to be a standard setup to go around every blog post in a certain blog (there are a few blogs but just need a border for a certain blog and it's posts). It's for the Mercer theme in 7.0 Thank you! Link to comment
tuanphan Posted June 3, 2021 Share Posted June 3, 2021 What is 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
citygirlsearching Posted June 15, 2021 Author Share Posted June 15, 2021 Hello! Sorry for my late reply! Password is 'bazil' Link to comment
tuanphan Posted June 21, 2021 Share Posted June 21, 2021 On 6/15/2021 at 3:26 PM, citygirlsearching said: Hello! Sorry for my late reply! Password is 'bazil' Hi. Have you solved it yet? The url redirects to cover page. 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
citygirlsearching Posted June 23, 2021 Author Share Posted June 23, 2021 Haven't solved it yet! Try http://bazilstander.com/home This is the blog that needs the border around it's posts: https://www.bazilstander.com/recipes-list/draft-template Thank you! Link to comment
tuanphan Posted June 24, 2021 Share Posted June 24, 2021 Edit blog posts where you want to add a border >> Add a Code Block (Anywhere) >> Paste this code <style> article.BlogItem { border: 1px solid black; } </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
citygirlsearching Posted July 1, 2021 Author Share Posted July 1, 2021 Thank you so much! Please can you help me add a bit more padding all the way around? Link to comment
tuanphan Posted July 2, 2021 Share Posted July 2, 2021 try this <style> article.BlogItem { border: 1px solid black; padding: 5px 7px 8px 9px; /* top right bottom left */ } </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
citygirlsearching Posted August 2, 2021 Author Share Posted August 2, 2021 Thank you so much! Link to comment
Grady_young Posted October 4, 2022 Share Posted October 4, 2022 My sit is gradenyoung.com and I'm trying to do this exact same thing, but pasting that code snippet in a "code" block isn't working. Do you know why this wouldn't work? Link to comment
tuanphan Posted October 6, 2022 Share Posted October 6, 2022 On 10/4/2022 at 9:13 AM, Grady_young said: My sit is gradenyoung.com and I'm trying to do this exact same thing, but pasting that code snippet in a "code" block isn't working. Do you know why this wouldn't work? You mean on Homepage? You used Summary Block on homepage, so need a different code Add this to Design > Custom CSS /* Home Summary */ body.homepage .summary-item { border: 1px solid black; padding: 5px 7px 8px 9px; /* top right bottom left */ } 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