A user seeks to remove two small red lines appearing on slideshow controls across their Dawn theme website while preserving all other design elements, including navigation dots.
Proposed Solutions:
Two respondents provided CSS code snippets targeting the slideshow controls:
Solution 1: Add code to base.css file:
.slideshow__controls {
border: none !important;
}
Solution 2: Similar CSS approach targeting .slideshow__controls with border: none
Both solutions involve accessing the theme code editor (Online Store > Themes > Actions > Edit Code) and modifying the stylesheet to hide borders on slideshow control elements.
Status: The discussion remains open with no confirmation from the original poster about whether either solution successfully resolved the issue. The responses appear partially corrupted with reversed/encoded text, though the core CSS recommendations are clear.
Hello, I did some modifications on the css of my slideshow template in my website, I would like to delete the 2 littles redlines on all my website’s slideshows withour modifying the way they look on any other points of course (so keeping the dots and the size).
Store URL : https://0e0f82.myshopify.com/
Thanks in advance
Hello There,
.slideshow__controls {
border: none!important;
}
Use this code
.slideshow__controls {
border: none
}