[Resolved] Meta Slider

[Tom]

You’re welcome!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Mark]

Hi Tom,

I’m trying to get this plugin to stretch to the full width of the site (not just the content container) but can’t seem to do it…

I’m using this code in the content section of the Page Header:

<?php
echo do_shortcode(“[metaslider id=95]”);
?>

But it’s still fitting the slider to the content width instead… What am I doing wrong?

Thanks,

Mark

[Tom]

Hi Mark,

I have to add an option to the Page Header that allows you to choose full width/contained with regular content.

Which page are you adding this to? Mind linking me to it? I should be able to provide some simple CSS to get the job done.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Mark]

Hi Tom,

Yep, no problem. Site is: http://www.flintmarketing.co

It’s only the homepage that I want the slider on, hence why I tried to go through Page Header rather than the Hooks.

Thanks,

Mark

[Tom]

In that case, this CSS should do the trick:

.home .inside-page-header-container.grid-container.grid-parent {
      max-width: 100%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Mark Flint]

Thanks. Whereabouts do I add the Metaslider shortcode though?

[Mark Flint]

Sorted it! Seems to be working perfectly.

Spot on, thanks for the advice Tom!

Mark

[Tom]

You’re welcome! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Faisal Abbas]

how to remove top margin from slider.. help plz :'(

[Tom]

Can you link me to the page so I can give you some CSS?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Austin]

Hi, I am also using MetaSlider in GeneratePress and hoping to get my slide show to fill the content space end to end, and butt up against the bottom of the navigation bar (so no white border). I still want the content below to have a padding I can customize. I have followed this whole thread but I can’t seem to solve it, dang!

sequimfoodbank.org

Thanks!

[Tom]

Hi there,

Have you tried removing the top padding from the content area using the Spacing add-on? Doing so will remove that white space.

To do it only on your homepage, you can use this CSS:

.home.one-container .site-content {
      padding-top: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Austin]

Tom,

Thank you, that worked out.

However the side white borders are still there. Do you think you can help me get the edges of the MetaSlider the full width of the window? For example: the metaslider on the home page of http://www.flintmarketing.co ?

[Tom]

Ah, does Meta Slider have a force full width option?

If not, you would have to use the Page Header add-on.

Add your shortcode in the Page Header content section, and then set the container type to “Fluid”.

Let me know if that does the trick 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Austin]

I was able to get close to what I want. Thank you!

[Author]

Posts