hello how can i change the size of typography on these buttons(dawn theme) its already on full size but i want the words to cover black square as much as it possible
Topic summary
Main issue: A store owner using Shopify’s Dawn theme wants to increase the button text size so the words fill the black square; theme settings are already at maximum.
Proposed fix: A respondent advised adding custom CSS by editing Online Store → Themes → Actions → Edit code, then in Assets (base.css or theme.css) appending:
- .cta-button { font-size: 20px; }
Result: The change did not work for the requester. They shared a screenshot of their code implementation showing no visible effect on the button typography.
Context notes:
- The Dawn theme is Shopify’s default theme; button styling may depend on the correct CSS selector and file placement. The provided CSS targets a class named “cta-button,” which may not match the theme’s actual button class.
- Images/screenshots are central to understanding the visual goal and the unsuccessful attempt.
Status: Unresolved. Next steps likely require identifying the correct button selector or overriding existing theme styles with a more specific rule or placement.
Hello @David23423 ,
Here’s a general guide for you:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → Base.css file or theme.css file
Add this following code at the bottom of page
.cta-button {
font-size: 20px;
}
Save and preview
Hope this can help.
Transcy
1 Like
