Custom font for menu bar

Site URL: https://www.foxyardstudio.co.uk/

I'm trying to change the menu bar font and sub heading fonts to a custom created one, i've somehow managed to get it working for the main headings but don't know what to do about changing the menu bar - i had a look at other peoples help pages and create the code from line 9 onwards but it hasn't done anything

is there anyone who could help?

On 6/30/2021 at 7:49 AM, tuanphan said:

Add to Design > Custom CSS

/* Nav font */
a.Header-nav-item {
    font-family: 'Felix' !important;
}
a.Mobile-overlay-nav-item {
    font-family: 'Felix' !important;
}

 

Thank you this worked perfectly! If you don't mind helping again with changing the sub headings, I think I've covered everything that needs changing font wise except the sub headings which are all of the titles in orange, if you are able to help that would be brillaint!

links

What's On — Fox Yard Studio

Contact — Fox Yard Studio

19 hours ago, Beckyvc said:

Thank you this worked perfectly! If you don't mind helping again with changing the sub headings, I think I've covered everything that needs changing font wise except the sub headings which are all of the titles in orange, if you are able to help that would be brillaint!

links

What's On — Fox Yard Studio

Contact — Fox Yard Studio

Use this

/* image sub title font */
.image-subtitle-wrapper *, p.eventlist-empty {
    font-family: arlette !important;
}

On 7/7/2021 at 7:18 AM, tuanphan said:

Use this

/* image sub title font */
.image-subtitle-wrapper *, p.eventlist-empty {
    font-family: arlette !important;
}

 

Hi, I tried this out and I realise its only changed the subtext on the banner blocks, is there a way to change the headings in orange

About — Fox Yard Studio

Contact — Fox Yard Studio

21 hours ago, Beckyvc said:

Hi, I tried this out and I realise its only changed the subtext on the banner blocks, is there a way to change the headings in orange

About — Fox Yard Studio

Contact — Fox Yard Studio

 

Use this code

/* image title custom font */
.image-title * {
    font-family: 'Felix' !important;
}

On 7/14/2021 at 7:59 AM, tuanphan said:

Use this code

/* image title custom font */
.image-title * {
    font-family: 'Felix' !important;
}

 

works perfectly! thank you so much!!

On 7/13/2021 at 4:13 PM, Beckyvc said:

Hi, I tried this out and I realise its only changed the subtext on the banner blocks, is there a way to change the headings in orange

About — Fox Yard Studio

Contact — Fox Yard Studio

 

Need help with these?

Site URL – https://www.foxyardstudio.co.uk/

1. (All devices – Homepage) Scroll bar at the bottom of page.

https://www.foxyardstudio.co.uk/

2. (Desktop – About) Reduce space?

https://www.foxyardstudio.co.uk/about

3. (Desktop/Tablet – Blog posts) Content is too close to the left side of the screen.

https://www.foxyardstudio.co.uk/blog/announcing-our-collaboration-with-modece-architects

4. (Mobile) There is no space between the content and the side of the screen.

https://www.foxyardstudio.co.uk/about

5. (Tablet – Homepage) Menu is cut into 2 lines.

https://www.foxyardstudio.co.uk/

6. (Tablet – About) Text is cut to the next line.

https://www.foxyardstudio.co.uk/about