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
  • Views 2.7k
  • Created
  • Last Reply
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

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

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

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.