Docs

[Bark201]

Im using No container but with header and footer for the homepage and only the homepage. The reason for that is because I want the slider to be full width. But what I want to have is the content below the slider to have a container so the text wont stretch on the page but leave the slider as it is now with no container.

I will link my homepage. Please scroll below the slider to see the text. Its currently centered and not aligned to the left.

[Bark201]

This reply has been marked as private.

[Lely]

Hello There,

Thank you for the link.
No need to use No Container template. Instead of adding revslider inside the content area, add it instead on Slider Settings: Below Masthead under Page Settings of your homepage. Select the revslider on the dropdown. This will be automatically fullwidth and it is outside the container area.

Hope this helps.

[Bark201]

Thank you for the solution, that worked but I had a shortcode that also hides the slider on tablets, I cant do it in if its below masthead and not inside the content. How do I also hide the slider for tablets?

If there is another way and that I could keep the slider inside the content without changing the revslider settings that would be great.

[Joao]

Hi There,

To hide your slider you can add to Appereance > Customizer > Custom > CSS

@media (min-width: 480px) and (max-width: 969px) {
.x-slider-container.above, .x-slider-container.below {
display: none
}
}

If there is another way and that I could keep the slider inside the content without changing the revslider settings that would be great.

You can add the slider in Cornerstone using Revolution Slider Element.

Let us know if you have further questions,

Joao

[Bark201]

But if I use revslider in cornerstone how would I have the page with a container and just the slider without a container? Also, even though I use revslider in the CSS its still called x-slider?

[Bark201]

What I want to do is have the slider in blank page with no container and the text below it with a container. Adding it below Masthead did get this but I dont want the slider to show on tablets. I had shortcodes inside the content doing it. This css, I only want a specific revlslider not to show on tablets, not all of them. If I can get this to work while keeping the revslider inside the content that would be great.

[Joao]

Hi There,

If you have your Slider Revolution Set to Full Width on Slider Revolution Settings and insert inside a Container in Cornerstone, the Full Width Setting of Rev Slider will ignore the container of cornerstone and will be full width.

Please give it a try and let us know how it goes,

Joao

[Bark201]

Where is the cornerstone container?

[Bark201]

I think you misunderstand me, I want the revslider to be in no container, this is the page settings I have, no container but with header and footer. I just want the text below the slider to be in a container.

[Joao]

Hi THere,

I expressed myself bad.

You need to go to Revolution Slider Settings and Set it to Full Width.

Go to Cornerstone and add to a section.

The full width settings of revolution slider will ignore Cornerstone and your slider will be full width.

If that does not help, please provide more details about your goals so we can think of different solution.

Thanks

Joao

[Bark201]

Thank you, I did what you recommended but instead I applied the container to the text below the revslider, that forced the text to be in a container while the revslider is showing with no container.

[Joao]

Hi There,

Seems like you problem is solved.

Let us know if you need further help,

Joao

[Author]

Posts