.

How to edit the carousel scrolling arrows display

How Can We Help?

You are here:
← All Topics

How to edit the carousel scrolling arrows display?

N.B: please review question number 5859 to show the scrolling arrows so that you can edit their display

Step 1:

Login to your website or if you are already logged in proceed to step 2.

Step 2:

Select edit with elementor

Step 3:

Press the edit button in the woo products grid or press right click with your mouse on it then choose edit woo products grid

Step 4:

Head to the editing menu in the style tab to the carousel arrows dropdown menu from there you can edit the arrows in the normal and hover state by pressing the edit button to the popup menu which you can edit the background type (classic-gradient)

Normal > Classic: you can edit the
– Colour
– Font colour
– Box size
– Border type
– Border radius
– Box shadow

Normal > Gradient: you can edit the
– Colour
– Location
– Second colour
– Location
– Type
– Angle
– Font colour
– Font size
– Box size
– Border type
– Border radius
– Box shadow

Hover > classic: you can edit the
– Colour
– Font colour
– Box size
– Border type
– Border radius
– Box shadow

Hover > gradient: you can edit the
– Colour
– Location
– Second colour
– Location
– Type
– Angle
– Font colour
– Font size
– Box size
– Border type
– Border radius
– Box shadow

You can also edit the previous and next arrow positions

Step 5:

Press the update button to save your changes

Shortcut: login> edit with elementor> press edit button in woo products grid (WPG)/ press right click with your mouse on the edit button then select edit WPG> head to the editing menu> press on the style tab> press the carousel arrows dropdown menu> you can edit the background state (classic-gradient) for each of the normal and hover carousel arrows states and you can edit the previous and next arrow positions > press the update button to save your changes

Previous How to edit the carousel dots display
Next How to edit the display of the product’s price
Table of Contents