Thank you so much!! This worked perfectly and fixed all the 3 things I was mentioning!! I really appreciate your help.
Topic summary
Goal: Center the “Add to cart” button on Featured Collection and Collection pages, increase price size, and remove underline on product-name hover.
Key solution (CSS changes):
- Center button by targeting .quick-add with margin: 0 auto (often with !important to override theme styles).
- Remove hover underline via .underline-links-hover:hover a { text-decoration: none !important; }.
- Enlarge price with span.price-item.price-item–regular { font-size: 25px !important; }.
Where to add CSS:
- Option 1: Edit quick-add.css (replace existing .quick-add margin with margin: 0 auto; and keep its positioning/z-index as needed).
- Option 2: Add to base.css or a custom CSS file at the end.
- Option 3: Inject in theme.liquid before inside a block.
Notes: Screenshots were provided for guidance but not required to implement.
Outcome: The requester confirmed the CSS fix worked and resolved all three items. Status: Resolved; no further action requested.
1 Like