7.1 NAV CUSTOM FONT CSS

Brilliant. Thank you again!

hello how can i change the photo background with my personal font

On 10/21/2021 at 8:29 PM, Binboga said:

hello how can i change the photo background with my personal font

Can you share link to page in screenshot? We can help easier

Hi @tuanphan, how about to change the font for quotes, as seen in the Testimonials section on the home page here? www.starlightleadership.com

As well as the date on the banner (Oct 29, 2021) of the blog post here? https://starlightleadership.com/blog/2021/10/29/introducing-starlight-leadership

Thank you again...

On 10/30/2021 at 7:16 AM, brooksb said:

Hi @tuanphan, how about to change the font for quotes, as seen in the Testimonials section on the home page here? www.starlightleadership.com

As well as the date on the banner (Oct 29, 2021) of the blog post here? https://starlightleadership.com/blog/2021/10/29/introducing-starlight-leadership

Thank you again...

Add to Design > Custom CSS

/* blog date */
time.dt-published.published.post-date {
    font-family: 'Barlow Condensed',sans-serif;
}

On 3/26/2020 at 10:22 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav *, nav.header-menu-nav-list * {
    font-family: yourfont;
}

 

I tried applying this code, in order to change the fonts used in the menu (as in food and beverage menu). Weirdly enough this did not work. 

This is the code I was using: 

.menu-section-title {
font-family: ‘AutorichSans’;
}

.menu-item-title {
font-family: ‘AutorichSans’;
}

I also found an article online which used the exact same code, yet for them it seemed to be working: https://www.bayleesneaddesigns.com/blog-1/how-to-customize-the-squarespace-menu-block

On 11/9/2021 at 4:31 AM, bo_frederic said:

I tried applying this code, in order to change the fonts used in the menu (as in food and beverage menu). Weirdly enough this did not work. 

This is the code I was using: 

.menu-section-title {
font-family: ‘AutorichSans’;
}

.menu-item-title {
font-family: ‘AutorichSans’;
}

I also found an article online which used the exact same code, yet for them it seemed to be working: https://www.bayleesneaddesigns.com/blog-1/how-to-customize-the-squarespace-menu-block

Try this new code

.menu-section-title {
font-family: 'AutorichSans' !important;
}

.menu-item-title {
font-family: 'AutorichSans' !important;
}

Hey, I want to change my Navigation Bar font to Sporting Grotesque but for some reason that does not work – any advice?

On 1/28/2022 at 6:04 PM, sarahjo said:

Hey, I want to change my Navigation Bar font to Sporting Grotesque but for some reason that does not work – any advice?

What is your site url?

Hi @tuanphan

Help please 🙂 I'm trying the above, simply to make my navigation menu items font DIN CONDENSED. I tried all the CSS codes, it's not working?

https://beige-oleander-mp66.squarespace.com/ password  tuansqsp

16 hours ago, Iwan said:

Hi @tuanphan

Help please 🙂 I'm trying the above, simply to make my navigation menu items font DIN CONDENSED. I tried all the CSS codes, it's not working?

https://beige-oleander-mp66.squarespace.com/ password  tuansqsp

It looks like you figured it out?

Yes! Just got it right.

But Tuan, how do I change the font of my video and image captions to DIN CONDENSED please??

@tuanphan are you able to help please? I've been trying for 4 weeks to get this right....

On 4/5/2022 at 3:00 PM, Iwan said:

@tuanphan are you able to help please? I've been trying for 4 weeks to get this right....

Use this CSS

.image-caption * {
    font-family: 'din-condensed-web' !important;
}

Where is video?

@tuanphan, thanks for all your help with the earlier codes!

I'm trying to change the font under the drop down menu - currently it's Bacalisties - need to change to Adobe Garamond Pro like the default paragraph font. Can you help me with this please?

Site: lkboracay.com
Pass: lk2022

On 4/8/2022 at 9:54 AM, aldizzurp said:

@tuanphan, thanks for all your help with the earlier codes!

I'm trying to change the font under the drop down menu - currently it's Bacalisties - need to change to Adobe Garamond Pro like the default paragraph font. Can you help me with this please?

Site: lkboracay.com
Pass: lk2022

Try this CSS

div.header-nav-folder-item a {
    font-family: 'adobe-garamond-pro' !important;
}

Hi all! I am struggling to find the code to change the font for this bottom page navigation. Everything else on the site is the same except this!! please help !!!! 

On 11/5/2023 at 8:28 AM, ERIKALEIGH said:

Hi all! I am struggling to find the code to change the font for this bottom page navigation. Everything else on the site is the same except this!! please help !!!! 

It is pagination title, use this CSS code

h2.item-pagination-title {
	font-family: yourfont-name !important;
}

On 3/26/2020 at 3:22 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav *, nav.header-menu-nav-list * {
    font-family: yourfont;
}

 

Greetings! Can you also provide the code to change the font (to the custom font) in the navigation button? Thank you!

On 2/24/2024 at 5:41 AM, handyandmarvelous said:

Greetings! Can you also provide the code to change the font (to the custom font) in the navigation button? Thank you!

Button use ID: header#header a.btn

header#header a.btn {
	font-family: yourfontname !important;
}

22 hours ago, tuanphan said:

Button use ID: header#header a.btn

header#header a.btn {
	font-family: yourfontname !important;
}

 

Worked perfectly! Thank you so much!

Hi,

Is there a way to customize the font in the navigation button? My custom fonts seem to be working on all the other buttons and on the navigation, but not on the button in the navigation. 

Thank you!

On 3/27/2024 at 1:51 AM, laurenfulton said:

Hi,

Is there a way to customize the font in the navigation button? My custom fonts seem to be working on all the other buttons and on the navigation, but not on the button in the navigation. 

 

Thank you!

 

Nav button uses this ID

header#header a.btn