- This topic has 15 replies, 4 voices, and was last updated 1 year, 7 months ago by
Elvin.
-
AuthorPosts
-
November 3, 2020 at 3:22 am #1515785
merlin52
I use the GP vacation template.
I want to change the background img. to a slider.
HOW TO DO IT?November 3, 2020 at 7:56 am #1516347David
StaffCustomer SupportHi there,
you would need to use a Slider Plugin – like Smart Slider 3.
You can then add the Slider to the Header Element that is set to display on the front page.https://docs.generatepress.com/article/header-element-overview/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 3, 2020 at 9:29 am #1516509merlin52
Where can I add?
Elements: Home MergeThe page is:
<a href=”https://dinnyeshat.hu/”November 3, 2020 at 9:32 am #1516513merlin52
November 3, 2020 at 10:01 am #1516539David
StaffCustomer SupportYes, you would need to add the Slider Shortcode inside the Header Element titled: Home Merge.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 3, 2020 at 11:17 pm #1517166merlin52
So far OK.
The only question is: how will the slider be on the bottom layer?
I’m trying “gutenberg” and I don’t have any experience yet.November 4, 2020 at 2:36 am #1517334David
StaffCustomer SupportAdd the Shortcode into the Header Element, before the other content. Once its there i will take a look to see if can position it behind the content with some CSS.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 6:31 am #1517587merlin52
I installed a virgin vacation template on another of my hosts. I made a slider and put the short code in the “Home Merge” element. If you have the opportunity, you should juggle this.
<a href=”https://infolingua.hu/
November 4, 2020 at 6:32 am #1517589merlin52
I installed a virgin vacation template on another of my hosts. I made a slider and put the short code in the “Home Merge” element. If you have the opportunity, you should juggle this.
November 4, 2020 at 8:49 am #1517956Leo
StaffCustomer SupportWhat is the issue now?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 4, 2020 at 9:53 am #1518034merlin52
David Wrote
Add the Shortcode into the Header Element, before the other content. Once its there i will take a look to see if can position it behind the content with some CSS.
I’m waiting
November 4, 2020 at 9:53 am #1518036merlin52
November 4, 2020 at 4:39 pm #1518406Elvin
StaffCustomer SupportHi,
You can set your Header Element’s Inner container setting to Full Width so the slider uses the full page width.
As for the contents that are suppose to go on-top of the slider, you can wrap them in a
div
and set its property to absolute.Example:
[your slider shortcode here] <div class="page-hero-content-wrapper"> <h1 class="page-hero-page-title">{{post.title}}</h1> </div>
You can then set the CSS:
.page-hero-content-wrapper{ position: absolute; top:0; left:0; margin-left: auto; margin-right: auto; } .inside-page-hero{ position: relative; }
A wise man once said:
"Have you cleared your cache?"November 5, 2020 at 12:27 am #1518590merlin52
The only question is: how will the slider be on the bottom layer?
November 5, 2020 at 12:46 am #1518605merlin52
All right, thanks for the help!
-
AuthorPosts
- You must be logged in to reply to this topic.