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

8
  1. Andrew Misplon Staff 10 years, 5 months ago

    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. MATTB58 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. MATTB58 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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. MATTB58 10 years, 5 months ago

    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. Andrew Misplon Staff 10 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread