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].
Hi Guys,
I’m using the Vantage theme and I’ve removed the title on the pages, but I’m still left with a space where it would be. How do I remove this?
Thanks in advance,
Matt
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.
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
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.
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.
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
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; }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
Awesome :) Nicely done.
Let us know if anything else comes up.
All the best.