Happy I could help ![]()
Topic summary
A user seeks CSS code to make variant buttons uniform width in the Shopify Impulse theme, providing store credentials and screenshots showing current uneven buttons versus desired equal-width layout.
Solution Provided:
Two community members offered CSS solutions to add to theme files:
- One suggested adding code to
theme.csssetting variant buttons to 25% width with margins - Another recommended adding CSS to
theme.liquidfile before the closing</body>tag
Outcome:
The original poster confirmed the first solution worked as expected and thanked the contributor.
Additional Discussion:
- A warning was issued about using
!importantin CSS, noting itβs not best practice and can cause conflicts across the site - The original poster subsequently requested help with a separate issue about hiding product prices on collection pages