Changing Typeface Of Portfolio Navigation Page

Site URL: https://www.robin-lyons.com/other

Hello,

I am looking to change the font, as well as it's size on my portfolio navigation page, which can be viewed here https://www.robin-lyons.com/other (the password is peach). I want to change the font to a H3 which I have already set as a custom font that I have uploaded, but there doesn't seem to be the interface to do this - so I'm assuming this will need to be done through code?

I'd also like to change the font at the very bottom of the page once you have clicked through from one of the portfolio links. For example if you click on 'Bompass & Parr' from https://www.robin-lyons.com/other at the bottom of the page it says 'Smirnoff' - I'd like to be able to change that. Again, I'm assuming this will need to be done through code?

Any help would be most appreciated.

Thanks,

Robin

48 minutes ago, cupoftea said:

Site URL: https://www.robin-lyons.com/other

Hello,

I am looking to change the font, as well as it's size on my portfolio navigation page, which can be viewed here https://www.robin-lyons.com/other (the password is peach). I want to change the font to a H3 which I have already set as a custom font that I have uploaded, but there doesn't seem to be the interface to do this - so I'm assuming this will need to be done through code?

I'd also like to change the font at the very bottom of the page once you have clicked through from one of the portfolio links. For example if you click on 'Bompass & Parr' from https://www.robin-lyons.com/other at the bottom of the page it says 'Smirnoff' - I'd like to be able to change that. Again, I'm assuming this will need to be done through code?

Any help would be most appreciated.

Thanks,

Robin

You should upload the font into Custom css File manager and let us know the font url, then we can take it from there to help

Hi bangank36,

The name of the font is OGG. I've attached a screenshot of the code injection which might be useful for you. I've also attached two other screenshots, which circles in red font that I want to change to OGG.

It's worth mentioning that the 'smirnoff.jpeg' is indicative of how the link font appears at the bottom of any page clicked through from one of the portfolio nav pages i.e 'bompass & parr', 'smirnoff','project three','project four'. I will want to change each of these to be OGG.

Thanks again for any help.

Cheers,

Robin
 

So I have managed to solve the first question I had around changing the font on just the portfolio navigation page. I put the code code in under the advanced settings. The code is as follows:

<style>
 h1 { font-family: OGG !important;  color: white !important; font-size: 90px !important; }  </style>

If anyone can help me change the font of the link that sits at the bottom of each of the pages clicked through from the navigation, that would be great.

Cheers,

Robin.

Hi Robin,

Try adding this CSS:

h2.item-pagination-title { font-family: 'OGG'!important; }

- Dan

Thanjs DV2, worked like a charm!