Shopify themes, liquid, logos, and UX
Hi Shopify Community,
I want to change the text of the website to the default font (Montserrat) that I use on the rest of my website.
And how can I smaller the font size of policy and newsletter?
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
a {
font-family: Montserrat, sans-serif;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
This is an accepted solution.
Go to the customization.
click on edit theme setting.
Click typography.
Above that select the font style.
or add this code to theme.scss
*{
font-family:Montserrat;
}
This is an accepted solution.
Add this code in theme.scss or theme.css.
on the top.
h2.Footer__Title.Heading.u-h6 {
font-size: 20px;
}
Thank you so much, sir! it works!
How I can change the all the fonts to Montserrat
This is an accepted solution.
Go to the customization.
click on edit theme setting.
Click typography.
Above that select the font style.
or add this code to theme.scss
*{
font-family:Montserrat;
}
Hi, the last question
I found some fonts are too big on the website. This seems to come from the same setting. Can I make all these fonts smaller?
Product name
refund policy
h1.ProductMeta__Title.Heading.u-h2 {
font-size: 20px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
yes. check out the setting it shows the h1, h2 like
How can I edit the font size of h1,h2? Thank you in advance!
Inn which page it's occuring.
Share me link.
what size you want?
You want to make it Smaller.
I want to make it smaller like 16 px
This is an accepted solution.
Add this in theme.scss
h1,h2,h3{
font-size:16px !important;
}
I also want to know how to solve this problem!
This is an accepted solution.
a {
font-family: Montserrat, sans-serif;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Hey there, may you help me? I want to increase the size of numbers and "next" button, is that possible with a code, in waiting favorable for your answer,
Regards
@Miwanx ,
Please Share the URL..
@Miwanx ,
Share the password
Oh sorry!
Here is the password : praydo
@Miwanx ,
.pagination__number, a.next {
font-size: 18px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid
I want to make the font smaller for the website name for mobile only. photo attached for reference, last letter does not fit. TIA
Hi @pb11nz ,
Share your store URL please ?
https://thebudgetify.myshopify.com/
password 1111
The problem is only on android screens, I tried on iPhone and it works fine. I also want to reduce the size and make italic overlay text on image only for mobile screens.
@media only screen and (max-width: 749px){
.site-header__logo {
padding-left: 21px !important;
text-align: left;
}
}
@pb11nz 1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css or theme.scss->paste below code at the bottom of the file.
3. Save it.
@media only screen and (max-width: 749px){
.site-header__logo {
padding-left: 20px !important;
text-align: left;
}
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
@Zworthkey @oscprofessional I have the same question. I want my website to have the same font and sizes as this website: https://www.silkelondon.com/
Can you help me identifying the font used on this website (titles and body) and also the sizes and let me know how do I change it?
My theme is Dawn and I don't have theme.scss.liquid neither theme.scss.
Thank you,
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024