Return to previous page

Related products carousel arrows / adjust or replace with dots

This topic has 2 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Rose Tyler

HUSSTLE

Participant

October 13, 2023 at 14:10

Where can I find the CSS that controls the related products carousel on a single product page? I have it placed under in section 2 of the Single Product Builder, but the arrows appear “outside” the box area.

https://pasteboard.co/TEi5kzuBNIFL.png

I thought if I went from 4 products to 3, it might allow more room on either side, but this did not work.

So, question – want can be done so the arrow is not “lost” or overlaps the copy in section 3, or can the arrows be replaced with dots under the carousel. Dots might solve the entire situation for and and all instances of the carousel.

Thanks

Please, contact administrator
for this information.

#370098 Copied Theme version: 9.1.14 WooCommerce version: 8.1.1

1 Answer

Rose Tyler

Support staff

October 13, 2023 at 14:38

Hello, HUSSTLE,

Thank you for contacting us and for using XStore.

Please check now – https://prnt.sc/xBoZZUuDTjgI

“can the arrows be replaced with dots under the carouse” – no, there is no such option, by default.

Kind Regards,
8theme team

#370104 Copied
Tagged: adjust woocommerce arrows, related products carousel, replace woocommerce arrows, woocommerce carousel arrows, woocommerce dots navigation, woocommerce templates customization, wordpress carousel customization
Viewing 2 results - 1 through 2 (of 2 total)