This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove padding-top on specific pages

Resolved 7 replies premiumthemetheme-vantage
zkagen
11 years ago · Last reply by Andrew Misplon 11 years ago

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?

URL: http://wpwork.zkagen-marketing.dk/indholds-side-2/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 11 years, 1 month ago

    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.

  2. zkagen 11 years, 1 month ago

    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.

  3. Andrew Misplon Staff 11 years, 1 month ago

    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:

    less-padding

    Then I added the following to Appearance > Custom CSS:

    .panel-row-style.less-padding { 
  padding-top: 0;
  padding-bottom: 0;
}

    Hope that helps.

  4. zkagen 11 years, 1 month ago

    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;
}
  5. Andrew Misplon Staff 11 years, 1 month ago

    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.

  6. zkagen 11 years, 1 month ago

    Tried this again, and it does actually work as you have described it.

    Thanks!

  7. Andrew Misplon Staff 11 years, 1 month ago

    Super, glad you’re up and running there.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread