Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 17, 2018 at 9:26 am #973842
    geoffd20

    We have a Fullwidth Easy Slider on our homepage displaying three images with captions and buttons. The caption text is running over the top of the slideshow control. How do you adjust the caption text to stop this from occurring?

    Also, on two of the images that have one button the button aligns with the caption text but with two buttons it doesn’t. How you adjust the button alignment?

    Site is http://www.madefutureproof.com

    Thanks!

    June 17, 2018 at 4:05 pm #973908
    Mike

    Hey geoffd20,
    I have tried to adjust your slider for tablets (768px) and laptops (1024px), by making the text a little smaller, removing the padding from the caption box to make it a little larger, moving the buttons so they don’t overlap the center and side slide controls.
    Please try this code in the General Styling > Quick CSS field, and feel free to adjust to suit if needed:

    
@media only screen and (min-width: 767px) and (max-width: 1023px) { 
#top.home .caption_right .slideshow_caption {
padding: 0 75px 0 0!important; 
font-size: 70% !important;
width: 60% !important; 
}
#top.home .caption_left .slideshow_caption {
padding: 0 0 0 75px!important; 
font-size: 70% !important;
width: 60% !important; 
}
#top.home .slide-2 .avia-slideshow-button,#top.home .slide-1 .avia-slideshow-button  {
float: right !important; 
margin-top: 0px !important; 
}
.slide-1 .avia-slideshow-button-2{
margin-right: 10px !important; 
}
#top.home .avia-slideshow-button {
margin-top: 0px !important; 
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) { 
#top.home .caption_right .slideshow_caption {
padding: 0 75px 0 0!important; 
font-size: 90% !important;
width: 50% !important; 
}
#top.home .caption_left .slideshow_caption {
padding: 0 0 0 75px!important; 
font-size: 90% !important;
width: 50% !important; 
}
#top.home .avia-slideshow-button {
margin-top: 0px !important; 
}
}

    Best regards,
    Mike

    June 18, 2018 at 3:03 pm #974299
    geoffd20

    Thanks Mike that’s fixed the caption text alignment.

    But the caption that has two buttons underneath isn’t aligning, whereas the single button does. Can you advise how to align the two buttons with the caption text above?

    Thanks

    June 18, 2018 at 5:30 pm #974379
    Nikko

    Hi geoffd20,

    I checked it on my end and it seems to align properly.
    Can you give us a screenshot showing the issue?

    Best regards,
    Nikko

    June 19, 2018 at 10:55 am #974688
    geoffd20

    The single buttons are aligned with the caption text above but the two buttons doesn’t align.

    Thanks!

    • This reply was modified 5 years, 10 months ago by geoffd20.
    June 19, 2018 at 8:18 pm #974926
    Victoria

    Hi geoffd20,

    Best regards,
    Victoria

    June 20, 2018 at 3:19 pm #975336
    geoffd20

    Thanks Victoria, I see what you mean. I’ve adjusted the slider overlay colour to stand out better against the slider image.

    Many thanks,

    Geoff

    June 21, 2018 at 12:48 am #975587
    Mike

    Hi,
    Unless there is anything else we can assist with, shall we close this then?

    Best regards,
    Mike

    June 21, 2018 at 10:30 am #975734
    geoffd20

    Hi Mike,

    Yes, everything resolved.

    Many thanks for your help,

    Geoff

    June 21, 2018 at 10:46 am #975738
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Enfold Fullwidth Easy Slider caption positioning’ is closed to new replies.