Can I make font size smaller on Debut theme?

Store Design
1

I’m using a custom font on Debut theme and I’d like all of the text to be a little smaller, but it’s already on the smallest setting on the live editor. Is there a code to fix this?

2

You can add this to the bottom of your theme.scss.liquid file in your assets folder:

body {
    font-size: 12px;
}

Just change the value to whatever you want. You had 14px so I just picked 12.

1 Like
3

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

body {  font-size: 12px !important;}
input, textarea, button, select { font-size: 12px; !important}
2 Likes
4

Hi @confidencelock

Please add the below CSS based on your requirement in your store, you can update the font size based on the header, title, footer menu.

To reduce font size of the header part:

header {
    font-size: 11px;
}

To reduce font size of the bottom part:

footer {
    font-size: 12px;
}

To reduce font size of the middle section:

main {
    font-size: 10px;
}

Note: you can update the font-size based on your needs.

1 Like