Jump to content

Changing font and size on nagivator dropdown

Recommended Posts

Site URL: http://www.kvinnorinomtrading.se

Hi!

First of all, thank you everyone for your help, especially to @tuanphan here. 

I am wondering if it is possible to change the font, style and size on the drop down navigation? I would like these in another font and size. Any tip? It would be nice also if there would be a lighter color of the link (only the text) when you are holding the mouse over it, aslo only for the drop down meny. Any tip for that too?

Thank you everyone again!

Namnlös.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS


.header-nav-folder-item a {
    font-size: 20px;
    font-family: monospace;
}

Thanks! Do you know if it is capable to change the fonts in blogposts and other textboxes too? I have the font "spartan", that is going to be in the logo, and would like to have more of that font in the webpage. I would actually also want it to be in the navigationfield too but isnt availible in Squarespace. Font Spartan for president!

 

Link to comment
22 hours ago, matildakcr said:

Hi again @tuanphan! The font "spartan" is showing on my computer but not at my boyfriends.  Can I somehow make it show on computers that doesnt have the font installed?

/ Matilda

It is default font or custom font?

If custom font, use this CSS

@font-face {
	font-family: tuan;
	src: url(upload font and paste font file url here);
}
.header-nav-folder-item a {
    font-size: 20px;
    font-family: tuan;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 minute ago, tuanphan said:

It is default font or custom font?

If custom font, use this CSS


@font-face {
	font-family: tuan;
	src: url(upload font and paste font file url here);
}
.header-nav-folder-item a {
    font-size: 20px;
    font-family: tuan;
}

 

Thanks, tried to figured it out and I think I succed. Just the blog header that doesnt want to work with me but I keep struggle it a bit more 🙂 Thanks!

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.