Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 29, 2022 at 6:59 pm #1346465
    Enfoldfanatic

    Hi,

    In the advanced styling settings of the Enfold theme I have the ability to adjust the “buttons”. I have made changes there affecting the border radius and padding. I noticed that these settings also impact the styling of the previous and next buttons on the easy slider (not in a good way though).

    Which quick CSS can ensure that the easy slider navigation buttons simply remain in the standard style? I’ll plot a link to an example in the private content section.

    Thanks and regards

    March 29, 2022 at 8:45 pm #1346471
    Guenni007

    yes you are right – that setting influences not only the button but also:

    #top #wrap_all .avia-slideshow-button, #top .avia-button, .html_elegant-blog .more-link, .avia-slideshow-arrows a::before {
  border-radius: 50px;
}

    so you can set for those an extra rule in your quick css:

    #top .avia-slideshow-arrows a::before {
  border-radius: 5px;
}

    the #top selector will ensure that the rule will be overwritten but these rules from slideshow_fullsize.css will be untouched

    #top .av_slideshow_full.av-control-default .next-slide:before{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#top .av_slideshow_full.av-control-default .prev-slide:before{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
    March 29, 2022 at 8:59 pm #1346473
    Enfoldfanatic

    Thanks for your support Guenni007! Worked out well.

    March 30, 2022 at 9:24 am #1346525
    Ismael

    Hi,

    Glad to know that this solution is working well. Thanks to @Guenni007! Please feel free to open another thread if you have more questions regarding the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Button styling also impacts styling of the prev/next buttons for easy slider’ is closed to new replies.