Solved

How can I make the header text bolder on the Dawn theme?

MMast
Explorer
131 0 10

Thanks in advance for any help and tips;

I am looking to change my default text on the 'Dawn' theme in the header section from the original text color which is more faded and looks like:

Screenshot 2024-03-08 160357.png

 

and I want my text to look more bold like:

Screenshot 2024-03-08 160447.png

how can I change it?

Accepted Solution (1)

thirtycoders
Shopify Partner
113 19 24

This is an accepted solution.

Hi @MMast,

Simply follow these steps:

Navigate to Online Store -> Theme -> Edit code.
Search for the file "base.css."
Paste the provided code at the bottom of the file.
Save your changes.

nav.header__inline-menu, list-menu--inline{
  font-weight: bolder !important;
}


Thank you

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com

View solution in original post

Replies 6 (6)

thirtycoders
Shopify Partner
113 19 24

This is an accepted solution.

Hi @MMast,

Simply follow these steps:

Navigate to Online Store -> Theme -> Edit code.
Search for the file "base.css."
Paste the provided code at the bottom of the file.
Save your changes.

nav.header__inline-menu, list-menu--inline{
  font-weight: bolder !important;
}


Thank you

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
MMast
Explorer
131 0 10

I need it a bit less bold haha. How could I get it less bold?

thirtycoders
Shopify Partner
113 19 24

You can use this font-weight: 700 !important; @MMast 

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
MMast
Explorer
131 0 10

Thank you.

thirtycoders
Shopify Partner
113 19 24

If you want to reduce the font weight, you can use values like 600, 500, or 400 instead of 700.

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com
MMast
Explorer
131 0 10

Thank you!