Tagged: Content Slider Missing Arrows
Hi
I have updated the theme today and everything looks ok apart from in the content slider. The arrows are no longer showing. I have added code based on another support question raised by others to move the arrows to the middle on the outside of the content slider. So the CSS has the following to add the arrows:
/* Arrow icon */
#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
content:'\ue875' !important;
}
/* Arrow icon */
#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
content:'\ue874' !important;
}
You will see in the page I have included the arrows are now showing a U.
Any help would be greatly appreciated
Hey distortedimage,
Try this css instead:
#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before {
content: "<" !important;
}
#top .package-slider .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before {
content: '>' !important;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
Mike
Hi Mike
I tried your solution and it does work although the look and feel wasn’t quite as nice as the original font. I had a mess around and managed to get it to work using the original font annoyingly just by adding font family to the original CSS.
font-family: ‘entypo-fontello’;
content: ‘\e875’ !important;
It now looks exactly as it did previously.
Thanks for your help.
Hi,
Glad to hear that you have this sorted out, 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