I want to change the view all button width in the home page. I am using dawn theme
Topic summary
Goal: change the Home page “View all” button width on the Dawn Shopify theme.
Progress and requests:
- Community members asked which “View all” button (e.g., in collections) and requested the store URL. The store URL was shared.
Proposed solution:
- Edit Code > open theme.liquid and insert custom CSS inside the to control the button width.
- Suggested sizes: 500px for desktop and 300px for mobile, with flexibility to adjust as needed.
Notes on resources:
- A code snippet was referenced but not actually included in the post content; a screenshot was attached for guidance. The exact CSS selector and code are therefore unclear from the text alone.
Outcome/status:
- No confirmation from the original poster that the change worked.
- Discussion appears open pending verification and possibly the exact CSS snippet/selectors if needed.
1 Like
Hey @noamdaniel ,
Can you share the link to your store please? Thanks!
Hi @noamdaniel
Which view all buttons, it in the collection? Would you mind to share your store URL?
Hey @noamdaniel ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
500px is desktop, 300px is mobile. Increase or decrease this as you like.
Screenshot is for reference only, the correct code to paste is the one shown above.
