mediumstakes Posted October 29, 2020 Share Posted October 29, 2020 Site URL: http://www.brittanymarom.com Hi All, I'm working on a site, www.brittanymarom.com , and love the full-width images across the site. I set the site's margins to 0px to achieve the full-width images, but obviously need a little padding around my text blocks (maybe around 40px) so that they're not falling off the page. I've have had to use custom CSS on each individual text block, for instance: #block-name-for-example { padding-left: 40px !important; padding-right: 40px !important; } I would prefer a cleaner solution to target all text blocks so that the site's main user can maintain it herself! I'm new to this--is there a simple way to achieve that? I'd like to target the home page only, but don't mind if it's across the entire site. Thank you!! Link to comment
creedon Posted October 29, 2020 Share Posted October 29, 2020 Remove or comment out your previous code related to spacing and add the following. .homepage .sqs-block.sqs-block-html { padding-left: 40px; padding-right: 40px; } Let us know how it goes. mediumstakes 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
mediumstakes Posted October 29, 2020 Author Share Posted October 29, 2020 @creedon You're awesome!!! That worked beautifully. Thanks for your help, I was really banging my head against a wall on that, simple as it is. creedon 1 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