We are using SupaSlider: Before After on our website.
https://www.lifesizecutouts.com.au/
As you can see, when moving the slider, a thick black line appears at the bottom of it. We tried to contact the developer twice to get it fixed but have received no reply at all.
Can any of the gurus around here help us figure out how to hide that line?
Thank you.
You mean this line
If so, follow these step:
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Find the file theme.liquid.
Step 3. Add this code above
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hi @funprint ,
I’ve checked the slider on your website, and I wasn’t able to see the thick black line you’re referring to. It might be due to different browsers, devices, or cache settings.
1.Clear Browser Cache: Make sure to clear your browser cache or check in an incognito/private browsing window to see if the issue persists.
2.Check Different Devices/Browsers: Verify if the problem occurs across multiple devices or browsers (e.g., Chrome, Firefox, Safari). This will help determine if the issue is specific to a certain environment.
3.Inspect the Slider Using Developer Tools: Use the browser’s developer tools to inspect the slider. Here’s how to do it:
Right-click on the slider and select “Inspect” (in Chrome) or similar in other browsers.
Look for any unwanted borders, padding, or margins applied via CSS. Check for any styling that might be adding a black line, such as:
border: 1px solid black;
If you find such a rule, you can override it using custom CSS.
I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!
Regards,
Sweans
Hi there,
Added the above code to theme.liquid, but the black line is still there.
Thank you for your assistance.
Hi Sweans,
The black thick line only appears when you are interacting with the slider. We are tried with different browser and they all show the same black line.
That did it!!!
Thank you very much.
