- This topic has 19 replies, 3 voices, and was last updated 1 year, 7 months ago by
.
-
Posts
-
Hi There
I would like to make a landing similar to this
website like thisCan I have a header with a carousel of photos with Hooks?
ThanksBest wishes.
From Balaguer, near of BarcelonaCustomer Support
Hi there,
you would require a Slider Plugin like Smart Slider 3 or Meta Slider.
Once the Slider is set up you can add the Shortcode the plugin provides to a Header Element:https://docs.generatepress.com/article/header-element-overview/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi David.
Where I put the Shortcode?
ThanksBest wishes.
From Balaguer, near of BarcelonaCustomer Support
It would go in the content box:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-1-add-the-contentDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi there.
I know that, but I don’t know how to put shortcodes with HTML, an excuse that I don’t know code in HTML, CSS or PHP.
Thanks for your help.Best wishes.
From Balaguer, near of BarcelonaThe slider plugin should provide you with a shortcode. They look something like this:
[slider-shortcode]You simply need to copy and paste the code the plugin provides into your Header Elements content.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi David
I have that [carousel_slide id=’218′]
And now appear that next main web
thanks for your helpBest wishes.
From Balaguer, near of BarcelonaIs that what you needed ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/I need that
https://www.hoteldelprado.cat/en/Best wishes.
From Balaguer, near of BarcelonaCan you clear and disable your caching plugin first?
Please always do this when we are trying to help:
https://www.screencast.com/t/VrCHZlNvTkDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi there.
I do it, I’m sorry
thanks for your helpBest wishes.
From Balaguer, near of BarcelonaThere is an issue wit the Slider plugin you’re using the elements within have no set height so they are not displaying. I would suggest changing the Slider Plugin to something like SmartSlider or Meta Slider as we know this works correctly within a Header Element.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi David
What plugin is more light for Gutenberg?
Thanks for your help.Best wishes.
From Balaguer, near of BarcelonaNo slider plugins are particularly lightweight. The issue with using the Gutenslider is that its CSS is not dynamic so it won’t work in a header element or hook.
A lot of users work with SmartSlider or MetaSlider.
If you wanted to use GutenSlider you would have to add it to the Page Content, and simply remove the content from the Header Element.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi David.
With metaslider is working perfectly.
But now there’s a space on the top without the slider, how can I do that?
I share two images with the settings.
And you can see in the Header Elemet the h1 text but this text doesn’t appear.
How can I do that?
Thanks for your help and patient.Best wishes.
From Balaguer, near of Barcelona
- You must be logged in to reply to this topic.