Meta Slider

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?

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?

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

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

Thanks!

Hi Tom,

The url showing the current meta slider position is:

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

Thanks,
Graham.

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

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.

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 :)

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?

Hmm, hard to tell without seeing the site.

Maybe this CSS?

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

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.

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.

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.

Ah, try this:

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

Hi Tom,

That worked! Thank you once again.

Graham.