I added the css code to the theme.css file in assets, but am not seeing any changes.
Would the preview link help?
Topic summary
A user seeks to remove a vertical line appearing next to a filter dropdown on their Shopify store’s collection page.
Initial Solution Provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add custom CSS targeting the border-right property of the filter button element
Troubleshooting:
The original CSS code didn’t work initially. Two solutions were offered:
- Modified CSS with
!importantflag - Adding!importantto the border-right property to override existing styles - Alternative CSS targeting - Using different selectors (
.button.collection__filters__toggleand.button.popup__toggle) withborder-right: none !important
Resolution:
The issue was successfully resolved using one of the provided CSS solutions. The discussion demonstrates a common Shopify theme customization workflow involving CSS overrides to modify visual elements.
1 Like