Jump to content

Changing Typeface Of Portfolio Navigation Page

Recommended Posts

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

Link to comment
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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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
 

Font Code.png

Portfolio-Nav.jpeg

smirnoff.jpeg

Link to comment

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.

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.