Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 6, 2021 at 6:27 pm #1314894
    albadbdb

    Hello,
    I’m working with a fullscreen slider at the homepage and I’m having a couple of problems:
    1. First of all, how can I align the navigation arrows with the menu on the right side and the logo on the left side?
    2. Also, I’d like to align at the bottom of the slider: the slideshow caption (left side) with the buttons (right side). I can’t find how to put them at the same height. How can I do it?
    Thank you so much in advance!

    • This topic was modified 3 years, 11 months ago by albadbdb.
    August 8, 2021 at 2:47 pm #1315119
    Mike

    Hey albadbdb,
    Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top #main .avia-slideshow-arrows a {
    top: 95%;
}
#top #main .avia-slideshow-arrows a.prev-slide {
	margin-left: 90px;
}
#top #main .avia-slideshow-arrows a.next-slide {
	margin-right: 90px;
}

    I’m pretty sure this is where you wanted them but if not either adjust to suit or include a screenshot with where you want to see them.

    Best regards,
    Mike

    August 9, 2021 at 10:32 am #1315809
    albadbdb

    Hello Mike,
    Thank you so much! this worked perfectly!
    I’m still struggling to align the slider caption (on the left side) at the same height as the slider buttons (right side). Could you please help me with this?
    Thanks in advance!

    August 9, 2021 at 11:45 am #1315824
    Mike

    Hi,
    Glad that helped, please try including this css

    #top #fullscreen_slider_1 .slideshow_align_caption > h2 {
    margin-bottom: 0;
    line-height: 27.6px;
}
#top #fullscreen_slider_1 .avia-slideshow-button {
    margin: 0;
}
#top #fullscreen_slider_1 .slideshow_align_caption > br {
    display: none !important; 
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    August 9, 2021 at 12:04 pm #1315829
    albadbdb

    Great! That worked perfectly, thank you so much for your help!!

    August 9, 2021 at 1:00 pm #1315839
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullscreen slider problems’ is closed to new replies.