Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 21, 2016 at 3:56 pm #651542
    envapk2

    Hi

    With a full-width or full-screen slider I want to have the captions change with each slide and fade in, as it does, but have the button label links stay the same and static. In other words, the button labels would not fade in and out as they do now but would appear static as the slide images and captions fade in and out. Is this possible?

    many thanks

    Peter

    June 22, 2016 at 7:43 am #651956
    Rikard

    Hi Peter,

    I don’t think that is possible unfortunately but send us a link to the site in question and we’ll have a closer look at it.

    Regards,
    Rikard

    June 22, 2016 at 10:26 am #651996
    envapk2

    Hi Rikard

    You can see an example in the link below which has a fullscreen slider with a changing caption and a button label.

    many thanks
    Peter

    June 24, 2016 at 6:13 am #652850
    Ismael

    Hi,

    Add a color section below the slider then apply a unique Section ID to it. Inside that section, add a button. We can move the color section upwards and above the slider with css. Let us know once you’re with it then we’ll give you the proper css codes.

    Best regards,
    Ismael

    June 24, 2016 at 10:09 am #652951
    envapk2

    Hi Ismael

    That sounds a great Idea. I have done what you suggested. The color section with the button has a Section ID of ‘staticbutton’. You can see it in the link below.

    many thanks

    Peter

    June 28, 2016 at 11:51 am #654137
    Ismael

    Hi,

    Thank you for the test page. Add this in the Quick CSS field:

    #staticbutton {
    margin-top: -300px;
}

    Or use percentage value:

    #staticbutton {
    margin-top: -20%;
}

    Best regards,
    Ismael

    June 28, 2016 at 12:45 pm #654164
    envapk2

    Hi Ismael
    Thanks for that, it is almost perfect. However, while it works fine with a fullwidth slider it doesn’t work with the fullscreen slider. I think the static button is appearing behind the fullscreen slider as it is briefly visible before the slider start. You should be able to see in the links below.

    many thanks

    Peter

    June 30, 2016 at 3:46 pm #655327
    Yigit

    Hi,

    It seems to be working fine on my end. Have you figured it out already?

    Best regards,
    Yigit

    June 30, 2016 at 4:10 pm #655350
    envapk2

    Hi Yigit

    Not really. I added this
    #staticbutton {
    z-index: 999999!important;
    position: fixed!important;
    }

    which brings the color section to the front now but as you can see it has a black background and I want it to be transparent.
    many thanks

    Peter

    June 30, 2016 at 4:12 pm #655352
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #staticbutton {
    background: transparent;
}

#staticbutton .avia-slideshow {
    display: none;
}

    Cheers!
    Yigit

    June 30, 2016 at 4:41 pm #655373
    envapk2

    Hi Yigit
    That’s working perfectly now.

    many thanks

    Peter

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Make slider button labels static’ is closed to new replies.