.

How to edit the product’s picture overlay

How Can We Help?

You are here:
← All Topics

How to edit the product’s picture overlay?

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 overlay drop down menu and from there you can edit the overlay colour in the normal state and in the hover state

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 overlay dropdown menu> you can edit all the products’ pictures overlay colour in normal and hover states> press the update button to save your changes

Previous How to edit the product thumbnail
Next How to edit the product’s tags display
Table of Contents