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.

Replies

5
  1. Alex S Staff 9 years, 8 months ago

    Hi John,

    You can change this with some custom CSS and a row setting adjustment. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .site-main {
    padding-top: 0 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

    Then please navigate to the page that contains the hero image you wish to adjust and open it up in the editor view. Then open the row that holds the hero widget by clicking the wrench to the top right of the row. Then head over to the row styles sidebar and open the layout settings group. Set the padding to 0 and then save the page.

    If space remains; 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.

  2. John R. Cook 9 years, 8 months ago

    Thank you Alex, that did the trick.

  3. John R. Cook 9 years, 8 months ago

    I have another question. what if i have another page on my site called services. would i use that same code, but instead of .site-main would i use
    .site-services for the css

  4. Alex S Staff 9 years, 8 months ago

    Hi John,

    No. .site-main is a standard class used on all pages so the CSS will apply to your other page without issue.

  5. John R. Cook 9 years, 8 months ago

    thank you

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