On Dawn Theme!
Desperately trying to change the product size buttons so they are larger (along with the “tax included” and “quantity” font size). Any help would be much appreciated!
1 Like
Hi @cmrecs ,
Would you mind to share your Store URL website? with password if its protected. Thanks!
I’m not sure how it works in your theme, but in mine, if I go to Online Store > Three dots button > Edit Code, then scroll down to the “Assets” folder and select “theme.scss”, when I perform a search for “btn”, I eventually get to this section:
/*================ Buttons and Input Groups ================*/
.btn,
.btn--secondary {
@include accentFontStack;
padding: 12px 20px;
font-size: em(13px);
}
Increasing the padding should make the buttons bigger, and increasing font-size should make the text bigger.
Site URL: https://nixnorthwest.com/
Hello!
I am using the Shopify Symmetry theme. I want to make my footer section in the mobile version. Like this image.
Please help me. Thank you.
Shopify Symmetry theme Link: https://themes.shopify.com/themes/symmetry/styles/chantilly/preview
Thanks so much for your help, slight issue - I don’t have a theme.css file in my assets folder! Whereabouts would I find it for the Dawn theme?
I just checked in the Dawn theme and it looks like there are a lot of sections that deal with buttons in base.css. Search for “.button,” and look for the section that specifies padding and font-size.
Hello @chcsep
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.caption {
font-size: 3.2rem !important;
}
label.quantity__label.form__label {
font-size: 2.5rem !important;
letter-spacing: 0px !important;
}
thank you! it worked for the “Tax included.” text but the button sizes and font within them (+ the “size” text) are all still very small. Could you advise on how I could fix this?
Hello @cmrecs
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
fieldset.product-form__input .form__label {
font-size: 2.5rem !important;
letter-spacing: 0px !important;
}
if it is helpful to you please like and accept the solutions.