Hi,
1. I would like to be able to remove the padding-top on a page. I know I can do it, width the following code:
#main {padding: 0px 35px 35px 35px;}
– but I would like to be able to do it on just this page.
Can it be done?
2. Can I adjust the blue widget areas top and bottom padding only on this side as well?
Hi Hans
1.
If you inspect the page source, each page has a body tag and within that a unique body class like
.home
.blog
.page-id-85
Just prefix that before #main
.home #main {padding: 0px 35px 35px 35px;}2.
Widget padding is available as a setting, Edit the widget, click Layout tab on the right there and edit as required.
Most of the padding there is coming from the row, you can edit that padding from, Edit row > Layout tab on the right.
1. works super, thanks.
2. does not work. The Edit row > Layout tab > Padding, has no effect. I have inserted a padding of 2 now, but on the frontpage it remains 25.
I think we’re running into the same issue as before with theme vs row styles clashing. Try this. Under attributes, add your own CSS class name, for demo sakes I called mine:
Then I added the following to Appearance > Custom CSS:
.panel-row-style.less-padding { padding-top: 0; padding-bottom: 0; }Hope that helps.
Nope, that’s not working either. However I did manage to get it to work with this code:
.page-id-22 .panel-row-style { padding: 0px 1000px 0px 1000px; }Super, glad to hear you made progress there.
The way I described should work so just let me know if you want me to have a look at that again.
Tried this again, and it does actually work as you have described it.
Thanks!
Super, glad you’re up and running there.