the issue is on the homepage of www.oakstreetchicago.com
I have added
.home #main {
padding-top: 35px !important;
padding-bottom: 35px !important;
}to the custom css.
But i wanted certain rows to have a small line above and below them so i added it in the “edit row” area of the individual rows i wanted to modify. however, the section labeled events and promotions has a huge space above it. I’m assuming it is actually from the row above it but I don’t see where the space is coming from. There’s also a small white space on the left side of the section as well. That events and promotions row should have identical thin white space above and below it but that’s it.
help please. :(
Hi Pilar
The main div has 35px padding by default so it isn’t necessary to add it again. You can remove the CSS rule you’ve mentioned from Appearance > Custom CSS.
The padding above the Events and Promotions row is coming from the row above it. You can remove the padding in question by editing the row above the Events row. Edit it by clicking the wrench icon far right then click Attributes on the right and enter a row style in the first field:
Next, go to Appearance > Custom CSS and insert the following:
.layout-full .panel-row-style.panel-row-style-full-width.custom-full-width { padding-bottom: 0; }I don't have CSS set to 35 I have it set to -35
Sorry, I hit send.
I was saying my site was set to -35px. I got the code I posted above from one of your other posts and forgot to edit it to my specs. My sites CSS has always been -35px and I still had the same issue.
BTW, i also already have a code in the attributes,
.no-bottom-padding { padding-bottom: 0; }but it doesnt seem to be working on this one row. I have checked every cell in the row and the only one that has any padding is bottom right one. so i tried removing that padding and it still made no difference. at one time i had no space between the rows and it worked fine but when my client asked to have a small space this was the result.
I even tried going into the Page Builder settings and changing the bottom row settings but while it worked on that one section it messed up alll the other sections around the entire website.
Hi Pilar
Thanks for your feedback.
Padding doesn’t accept negative values, margin does though.
When I view your Custom CSS it doesn’t look like you’ve implemented the CSS we sent in our initial reply. Would you like us to login and assist with removing the space between the rows you mentioned? If so, please, send login details.
Thanks.
Using the following in Attributes, unfortunately, won’t work:
.no-bottom-padding { padding-bottom: 0; }A rule like the above needs to go in Custom CSS with only the class being added.
Please, send login details and we’ll assist with removing the spacing you mentioned.
Thanks :)