[Resolved] Header – slider revolution

[Jose]

Hi, I have created an invisible element, but the revolution slider doesn’t arrive until the top, how can I do that?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jose]

of course, the site is:

https://corteastur.es/

[Leo]

Sorry not sure if I understand.

What am I looking at on the linked page?

The whole content part is coming from Elementor so the theme itself doesn’t control it.

Let me know :);

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jose]

But can’t you tell me how delette the padding top of rev. slider?

Because I am using a GP invisible element in the header.

[David]

Hi there,

The space is coming form the slider revolution code it inserts a <P> tag with its own comments right before the slider, which is creating the space.

Select the Text Widget that the Slider Shortcode is added to. In its settings give it a CSS Class of remove-margin

Then add this CSS:

.elementor-widget-text-editor.remove-margin > .elementor-widget-container > .elementor-text-editor > p {
    margin-bottom: 0 !important;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jose]

Okey, it has worked but only in part.
There is still a white bar on top, but smaller.

[David]

That space comes from the Elementor column gap for that first section. You can set the Gap to No Gap.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jose]

Thanks, you are the best David!

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jose]

Hi again, the problem is there for different screen resolutions.

https://corteastur.es/wp-content/uploads/2020/11/problem-header.png

[David]

Hi there,

just to note – this issue is not Theme related – its to do with how you created the Elementor page.
That Top Section ( containing the slider ) is set to Full Height – but the slider is not set to display at Full height, which is why you see the white space above and below the slider.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jose]

Solved, thanks!!

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts