How to get rid of blank side margins in WideReview
Wide Hello!
Depending on your theme, it is possible that the carousel added to your product page contains blank spaces on the sides, as shown here:
This is because of your theme, which automatically adds side margins.
Here’s how to get rid of these margins:
In the WideReview menu, click on Settings.
Open the Custom CSS section.
Copy the following code:
#widereview, #widereview-module, #widereview-liquid{position:relative;width:100vw;left:calc(-50vw + 50%);}
Paste this to where your CSS code is (copy at the very end if you already have code there).
Click on Update, and that should solve it!
If the code doesn't work and it’s a bit more complicated than expected, don't hesitate to contact support.
See you soon!
Depending on your theme, it is possible that the carousel added to your product page contains blank spaces on the sides, as shown here:
This is because of your theme, which automatically adds side margins.
Here’s how to get rid of these margins:
In the WideReview menu, click on Settings.
Open the Custom CSS section.
Copy the following code:
#widereview, #widereview-module, #widereview-liquid{position:relative;width:100vw;left:calc(-50vw + 50%);}
Paste this to where your CSS code is (copy at the very end if you already have code there).
Click on Update, and that should solve it!
If the code doesn't work and it’s a bit more complicated than expected, don't hesitate to contact support.
See you soon!
Updated on: 16/06/2022
Thank you!