[Support request] GP vacation template

Home Forums Support GP vacation template

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #1515785
    merlin52

    I use the GP vacation template.
    I want to change the background img. to a slider.
    HOW TO DO IT?

    #1516347
    David
    Staff
    Customer Support

    Hi 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/

    #1516509
    merlin52

    Where can I add?
    Elements: Home Merge

    The page is:
    <a href=”https://dinnyeshat.hu/&#8221;

    #1516513
    merlin52
    #1516539
    David
    Staff
    Customer Support

    Yes, you would need to add the Slider Shortcode inside the Header Element titled: Home Merge.

    #1517166
    merlin52

    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.

    #1517334
    David
    Staff
    Customer Support

    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.

    #1517587
    merlin52

    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/

    #1517589
    merlin52

    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.

    https://infolingua.hu/

    #1517956
    Leo
    Staff
    Customer Support

    What is the issue now?

    #1518034
    merlin52

    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

    #1518036
    merlin52
    #1518406
    Elvin
    Staff
    Customer Support

    Hi,

    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?"

    #1518590
    merlin52

    The only question is: how will the slider be on the bottom layer?

    #1518605
    merlin52

    All right, thanks for the help!

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.