Skip Navigation

[Resolved] Changing Previous/Next Links to graphics on horizontal custom slider

This support ticket is created 4 years, 12 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 1 reply, has 1 voice.

Last updated by DavidH5539 4 years, 12 months ago.

Author
Posts
#1608457

I'm trying to create a horizontal slider of custom post content to include a thumbnail and caption. Rather than have a Previous/Next textual links to slide, I would like graphical (or FontAwesome) < and > links on the left and right of the slider.

While Toolset includes an option for a thumbnail slider that graphically does what I want, it does not allow for text captions below the graphic.

I've used the Block Editor to create a View that retrieves the content correctly and displays the block of image and text exactly as I want it to look. It uses Pagination settings of 6 items per page and Slide horizontally. But the Next/Previous links are textual and appear either above or below the slider.

I've removed the text "Previous" and "Next" from the Pagination controls, and updated CSS to add the FontAwesome icons for '<' and '>'. But, I cannot figure out how to get them to appear to the left and right of the slider, vertically aligned with the center.

Can you help with any code, CSS or settings that will help me move the previous/next icons to the left and right of the slider I've created?

Thank you!

#1608585

My issue is resolved now. Thank you!
I figured out the CSS to make it work.