Jump to content

About Custom CSS for the header

Recommended Posts

I am still a beginner.
I want to change the font of the global navigation in the header, but I could not do it with the standard changes.
It appears that a previous user has added custom CSS.
If I go to Design > Custom CSS and manually delete all the custom CSS, can I change the font? 

The header content has changed from that created by the predecessor.

Any advice would be appreciated.

Link to comment
On 3/9/2023 at 9:11 AM, FY_TOKYO said:

Thanks for the response.

I cannot change the header font from "Home" to "ARCHIVES" on the above site.
I guess it is due to Custom CSS, but I am a newbie and can't solve the problem, so I am posting.

You mean change font name (font family)? Just remove this code from CSS box

(remember save a copy of all CSS somewhere, just for backup)

.header-nav *, nav.header-menu-nav-list * {
    font-family: Bebas neue;

and this from Page Header or Code Injection

.header-nav * {
    font-family: itc-avant-garde-gothic-pro!important;
.header-nav *, nav.header-menu-nav-list * {
    font-family: itc-avant-garde-gothic-pro!important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.