[Resolved] Meta Slider

[Graham Leatherbarrow]

Is there a way to control the position of the Meta Slider? Horizontal and vertical positioning. Ideally would want the slider to extend the full width of the content area, whilst retaining the margins of the text below.

Thanks,
Graham.

[Tom]

Hi Graham,

I believe all of this should be dealt with by Meta Slider itself? Are you running into any weird behavior using the theme?

[Graham Leatherbarrow]

Hi Tom, Sorry for the late reply! Like you I assumed Meta Slider would have this covered, but no it seems. I’ve got a content container 980px width. I want the slider width the same with no padding horizontally on either side, which is the case at the moment.

The slider width is set to 980 px and the advanced settings of ‘stretch 100% wide output’ is ticked, so I’m a bit stuck at the moment. Any ideas?

[Tom]

So with those widths set, what result are you getting?

Do you have a link to the page with the slider?

Thanks!

[Graham Leatherbarrow]

Hi Tom,

The url showing the current meta slider position is:

http://www.isleofskyebedandbreakfast.com/wordpress/

Thanks,
Graham.

[Tom]

I got a 403 forbidden message when trying to open that URL.

[Graham Leatherbarrow]

Hi Tom,

So sorry about that, I’d forgotten I had barred public access. The url of a screenshot is below:

http://www.webopus.co.uk/screenshot.jpg

Thanks,
Graham.

[Tom]

Ah, try wrapping the Meta Slider shortcode in this div:

<div class="ignore-xy-spacing">SHORTCODE IN HERE</div>

Let me know if that does it 🙂

[Graham Leatherbarrow]

Hi Tom,

That worked perfectly thank you! Unfortunately, I now have a gap between the navigation menu and the beginning of the slider. I want it flush against the nav menu. How can this be corrected?

[Tom]

Hmm, hard to tell without seeing the site.

Maybe this CSS?

.home .inside-article {
      padding-top: 0;
}

[Graham Leatherbarrow]

Hi Tom,

That code didn’t work. If you look at the screen shot below, you will see the gap between the slider itself and the navigation menu:

http://www.webopus.co.uk/screenshot.jpg

Graham.

[Tom]

Looking at that screenshot it doesn’t look like the div class I gave you above did anything at all?

Super hard for me to tell through screenshots as I can’t inspect the code.

[Graham Leatherbarrow]

Hi Tom,

OK, I’ve removed the htaccess for the now. You should be able to view source code now:

http://www.isleofskyebedandbreakfast.com/wordpress

Thanks,
Graham.

[Tom]

Ah, try this:

.home .entry-content {
      margin-top: 0;
}

[Graham Leatherbarrow]

Hi Tom,

That worked! Thank you once again.

Graham.

[Author]

Posts