works. thanks!!
do you have an idea how to make the underlining on product name when hovering over product cards on the catalog page thinner?
Topic summary
Goal: Replace the cart trashcan SVG with the text “remove,” and change cart wording to “your bag”/“your bag is empty.” Secondary: Make product-name hover underline thinner on catalog cards (Spotlight theme).
Progress and solutions:
- Replacing icon with text: Initial CSS didn’t work. Updated CSS using a pseudo-element (:after) to inject “remove” and hide the SVG resolved it. Code was added in base.css; the final approach used .cart-remove-button:after plus hiding .cart-remove-button svg and adjusting margins. User confirmed it works.
- Changing cart text: Advised to edit theme language strings via Online store > Themes > Edit default theme content (search and update “Your cart” and empty-state messages). No code changes needed.
Open/limits:
- Underline thickness on product names (hover): Maintainer indicated it cannot be made thinner (no successful workaround provided). User asked again after success with the remove text, but no alternative solution was given.
Context:
- Theme: Customized Spotlight.
- A participant requested collaborator access but no access was granted.
Status: Primary issue (replace SVG with “remove”) solved; wording change instructions provided; underline-thinning request remains effectively unsupported.