How to reduce header font size in Spark theme

Store Design
1

Hi,

I’m using the Spark theme and want to decrease the header-title font size. I already have my base size set to the smallest available size which is 36px, but it’s just too big. If anyone can tell me how to do (code) this I’d really appreciate it.

2

@plejbela ,

Share the store URL.. and pls specify in the screenshot.

3

Hello @plejbela

Can you share your website URL so that I can check and provide you with the solution to reduce the header font size.

4

Here’s what I tried so far..

File “settings_schema.json”

{
“type”: “range”,
“id”: “heading_base_size”,
“label”: “t:settings_schema.fonts.settings.heading_base_size.label”,
“min”: 36,
“max”: 60,
“step”: 1,
“default”: 48,
“unit”: “px”
},

Changed “min”: 36, to 25

Next, in “settings_schema.json”

Under “Chic” which is the style I’m using, I changed

“heading_base_size”: 36 to 25,

It successfully reduced the Header base size to 25 :smiley:

however.. the font size of Price (regular price) became too small (also navigation menu in footer).

Now I want to increase the font size of product price on the product page.

Any advice would be appreciated.

5

main-product–default.liquid

Changed
{{ current_variant.price | money }}

to

{{ current_variant.price | money }}

4 (small) to 1 (large)