How can I make the “Quickbuy” button less wide?
URL: https://www.cotiereofficial.com/collections/all
PW: test1234
Theme: Symmetry
Topic summary
Main issue: Make the “Quickbuy” button narrower on a Shopify Symmetry theme collection page (URL and password provided). A screenshot was shared to illustrate the overly wide button.
Action taken: A responder advised adding custom CSS in Shopify Admin (Online Store > Themes > Actions > Edit code > Assets > styles.css). The CSS targets a.btn.btn–secondary.quickbuy-toggle to set width to auto and adjusts its position (bottom: 4px, left: 80px).
Outcome: The change worked to reduce the button’s width as intended.
New requests: The poster asked how to center the button and make the font size smaller. No specific CSS for centering or font-size was provided yet.
Status: Discussion remains open with outstanding questions on centering and font-size adjustments.
Notes: The attached screenshot is helpful for understanding the visual issue; no other technical dependencies or code snippets are required beyond the simple CSS override described.
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset >styles.css and paste this at the bottom of the file:
a.btn.btn--secondary.quickbuy-toggle {
width: auto!important;
bottom: 4px!important;
left: 80px!important;
}
Hey that worked but do you know how I can make it centered and how I can make the font size smaller? Thank you!
1 Like