Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 21, 2015 at 9:58 pm #448029
    n_elbouzidi

    Hi,

    I used the full width slider for my website: http://www.farahsramadan.nl/home-2 and would like to get rid of the text and button flying in. Is there a way around to make the entire slide static?

    Thanks.
    Naima

    • This topic was modified 9 years, 6 months ago by n_elbouzidi.
    May 23, 2015 at 2:26 am #448816
    Josue

    Hi Naima!

    Use a Color Section > 1/3 Columns instead.

    Regards,
    Josue

    May 25, 2015 at 12:30 pm #449471
    n_elbouzidi

    Hi Josue,

    Thanks for your reply, but I don’t really understand what you mean… I can not move the full slider section to a color section..

    Additional problem is that with the flying in captions, my mobile display gets completely ruined..
    See https://www.dropbox.com/s/rcw277j9u50ryy3/IMG_6941.PNG?dl=0

    So 2 reasons why i want to have static captions :)

    Hope you can help.
    Naima

    May 25, 2015 at 3:44 pm #449562
    Rikard

    Hey Naima!

    I think what Josue meant by his post was for you to use a color section and set a background image to it instead of using a slider, since there’s no point in using a slider if it doesn’t slide. Could you try that and see if it works out for you?

    Best regards,
    Rikard

    May 25, 2015 at 4:07 pm #449575
    n_elbouzidi

    Bi Richard,

    I tried, but i do not get the same result as with the slider…

    And moreover, in the near future i want to expand the slider with more slides so having a slider is relevant :)

    If it’s not possible to get the captions static, could you then at least help me with getting the mobile view correct? See the dropbox link i shared with you before.

    Thanks in advance!
    Naima

    May 26, 2015 at 12:48 am #449766
    Josue

    Hey Naima!

    Try adding this code to the Quick CSS:

    .avia-caption-title,
.avia-caption-content,
.avia-slideshow-button,
.avia-slideshow-button-2{
    visibility: visible !important;
}

    Cheers! 
    Josue

    May 26, 2015 at 10:22 am #449941
    n_elbouzidi

    Hi Josue,

    I tried it, but unfortunately it still doesn’t work.. You can see it when you go to my website on your mobile phone: http://www.farahsramadan.nl

    May 26, 2015 at 10:41 am #449952
    Rikard

    Hey!

    Try the following to hide the text and buttons on the slider:

    .page-id-504 .slideshow_inner_caption {
display: none !important;
}

    Regards,
    Rikard

    May 26, 2015 at 10:45 am #449954
    n_elbouzidi

    hi Rikard,

    I don’t want to hide the caption text and button, it’s important information (buy now! :)) But the problem is that on the mobile version the text is placed infront of the picture of the book instead of under it or next to it like on the desktop view.

    May 27, 2015 at 5:31 am #450409
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    .avia-fullscreen-slider .slideshow_align_caption {
        vertical-align: bottom;
    }
}

    That will position the caption at the bottom in mobiles.

    Cheers! 
    Josue

    June 2, 2015 at 9:40 am #453013
    n_elbouzidi

    Hi Josue,

    Sorry for my late reply. I don’t think the problem can be fixed.. All solutions you gave me are sub optimal. But it’s ok. We’ve tried everything so thanks for your help.

    Cheers,
    Naima

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘full width slider – change captions to static instead of flying in’ is closed to new replies.