Home>Support>Row top padding

Row top padding

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello
There are options to change the row bottom padding, but I don’t see any options to change the top padding. Is there a way to change the top padding?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 days ago Alex S
    Hi, I Work Here

    Hi Kevin,

    To clarify, do you mean the bottom margin? There isn’t actually a setting for controlling the row bottom padding outside of the padding field (which can be used to control all four) so if you’re seeing one it’s possible a plugin is adding that.

    If so, no there isn’t a way to control it. Typically I would recommend either adjusting the previous row’s bottom margin or setting a CSS style (via the attributes setting group and then the CSS styles field) to adjust the top margin.

  2. 9 years, 5 days ago Kevin Kliimask

    Hello

    I can’t just adjust the bottom margin, because it’s the first row of the page that I want to change the padding and there are no rows before it, so I specifically need to change the top margin. I tried CSS, but it didn’t seem to work:

    no-top-padding {
      margin-top: 0px;
    }
  3. 9 years, 5 days ago Kevin Kliimask

    No-top-padding is what I called the row in attributes

  4. 9 years, 5 days ago Alex S
    Hi, I Work Here

    Hi Kevin,

    Preface: no-top-padding won’t work as it’s looking for the no-top-padding element rather than a class – which is what you’ve set. You’ll need to use .no-top-padding instead.

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  5. 9 years, 5 days ago Kevin Kliimask

    Hello
    It still didn’t change anything. The website is: http://puumeister.ee/aknalauad/
    I want the grey area at the top of the page gone.

  6. 9 years, 4 days ago Alex S
    Hi, I Work Here

    Hi Kevin,

    Okay so this padding is actually being added by your theme. You can remove this padding with some custom CSS. If you navigate to WP AdminAppearanceCustom CSS, you’ll get our custom CSS editor.

    Add the following CSS if you want to remove this bar on this page only:

    .page-id-19 #content, .page-id-19 #body-core #main-core > article {
    	padding-top: 0 !important;
    }
    

    Add the following CSS if you want to remove this bar sitewide:

    #content, #body-core #main-core > article {
    	padding-top: 0 !important;
    }
    

    If you also want to remove the white spacing at the top please also add the following CSS:
    Just that page:

    .page-id-19 #header-core {
    	padding-top: 0 !important;
    }
    

    Globally:

    #header-core {
    	padding-top: 0 !important;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

  7. 9 years, 4 days ago Kevin Kliimask

    Thanks, it worked and everything is now fixed!

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More