Home>Support>How to remove space where title was
  1. 9 years, 16 days ago Andrew Misplon
    Hi, I Work Here

    Hi Matt

    Thanks for reaching out.

    Are you asking about the space below your menu before the main image? If so, one way of dealing with this would be to:

    1. Remove the image.
    2. Create a single slide slider in the Meta Slider plugin.
    3. Editing the page concerned and selecting the slider from the Page Slider drop down menu in the right column.

    That would sort the menu spacing issue out.

  2. 9 years, 15 days ago MATTB58

    Hi Andrew,

    Thank you for getting back to me!

    That worked perfectly, however now I have a gap underneath the slider
    I used the CSS
    /* Header */

    /* Home Slider */

    .home #main-slider {
    margin-bottom: -35px;

    On the home page and that worked. What do I use for different sliders on different pages (I’m going to have a different slider on most pages)

    Thanks,

    Matt

  3. 9 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    Nicely done :)

    If you had a slider on every single page then we could just say:

    /* Main */

body[class*="page-id"] #main {
padding-top: 0;
}

    Ref: http://learn.shayhowe.com/advanced-html-css/complex-selectors/

    So we’re saying, if the body tag contains a class that contains page-id then do the following.

  4. 9 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    If it’s just some pages then you need to inspect the source code and check the body tag. In that case you’d say:

    /* Some Page */

.page-id-x #main {
padding-top: 0;
}

    Replace “x” with the page ID.

  5. 9 years, 15 days ago MATTB58

    How do I do that? (I’m a noob)
    I tried:
    /* Join-us-2 */

    .page-id-join-us-2 #main {

    padding-top: 0;
    }
    With no luck

    Thanks,

    Matt

  6. 9 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    No problem. If you go to Pages and edit this page, check the URL, you’ll see a single number in it, that’s the page ID.

    So for this page: http://3aa.910.myftpupload.com/join-us-2/ it’s

    /* Join Us - or whatever you want your comment to say */

.page-id-86 #main {
padding-top: 0;
}
  7. 9 years, 15 days ago MATTB58

    Thanks!

    That made the gap smaller, so I added:
    .page-id-86 #main-slider {
    margin-bottom: -35px;
    }
    And that did the trick perfectly.

    I appreciate your help.

    Matt

  8. 9 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Nicely done.

    Let us know if anything else comes up.

    All the best.

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