Solved

How can I change my website header font to Oswald?

LiamP191
Shopify Partner
25 1 4

Hey,

 

At the moment my header is in Helvetica font but id like to change it to the Oswald font

 

Any tips on how to do this?

 

MY site is: gigachew.com.au

 

See image below:

 

LiamP191_0-1697068851124.png

 

Accepted Solutions (2)

fadi_yousif
Shopify Partner
342 43 66

This is an accepted solution.

1. Navigate to the code editor: Online Store --> Themes --> Edit code --> assets --> base.css

2. Insert the following CSS to the end of the file:

.header {
    font-family: 'Oswald';
}

If the above doesn't work, try this:

.header {
    font-family: 'Oswald' !important;
}

View solution in original post

ZenoPageBuilder
Shopify Partner
1052 203 218

This is an accepted solution.

Hello @LiamP191 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.header-wrapper {
    font-family: 'Oswald';
}

The result

Screenshot 2023-10-12 at 09.58.31.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 5 (5)

PageFly-Oliver
Astronaut
878 190 171

Hi @LiamP191 ,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
#shopify-section-sections--20436527382822__announcement-bar .list-menu__item{
font-family: 'Oswald';
}
</style>



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

LiamP191
Shopify Partner
25 1 4

Hey Oliver, I added that and It hasn't worked.

fadi_yousif
Shopify Partner
342 43 66

This is an accepted solution.

1. Navigate to the code editor: Online Store --> Themes --> Edit code --> assets --> base.css

2. Insert the following CSS to the end of the file:

.header {
    font-family: 'Oswald';
}

If the above doesn't work, try this:

.header {
    font-family: 'Oswald' !important;
}
LiamP191
Shopify Partner
25 1 4

Thank you very much, it's worked.

ZenoPageBuilder
Shopify Partner
1052 203 218

This is an accepted solution.

Hello @LiamP191 👋

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.header-wrapper {
    font-family: 'Oswald';
}

The result

Screenshot 2023-10-12 at 09.58.31.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com