Blog, Website & Page Publishing

LVRachel
Contributor

Landing page hyperlink font

I'm trying to create a landing page using the Helvetica font throughout. When I insert a hyperlink within a text block, the hyperlink font changes to Georgia and I cannot change it to anything else. Why is this happening and how can I solve it?

0 Upvotes
7 Replies 7
LVRachel
Contributor

Landing page hyperlink font

Page is published now, if anyone can suggest a solution that is non-technical? I don't have this problem when designing emails.

0 Upvotes
Ben_M
Key Advisor

Landing page hyperlink font


@LVRachel wrote:

Page is published now, if anyone can suggest a solution that is non-technical? I don't have this problem when designing emails.


Ultimately issues like these with web pages (or sometimes email) tend to be coding related so there's not necessarily a simple non-technical solution. From reviewing your code the standard font on your page is Lato and the hyperlinks are all set to be Merriweather. This does not appear to be in a separate CSS document but rather on your page itself as I can see the line of code on line 44 that changes this font. On this line you will see:

 

font-family: Merriweather;

 

If you edit the source of the page to remove the font-family line this will resolve your issue. It's possible that depending on your template and setup this may not be editable via the page editor and this may be part of your template file itself, if so you would need to go into the Design Manager to edit this particular template and remove the line so it doesn't appear on any page moving forward. It would be best practice to remove this type of CSS code from being inline on the pages themselves and moving them into a separate, included CSS document to prevent having to mix structure and style and only use inline styles to override your global settings.

0 Upvotes
LVRachel
Contributor

Landing page hyperlink font

Ben, thanks for taking the time to reply and trying to help.

 

I'm on a free package with starter templates, I just use HubSpot to support my WP site with the occasional landing page. I have little idea about coding but I can just about follow what you're saying, but I don't think I can make any changes anyway as I don't have access to anything.

 

It seems odd that in these basic templates something as simple as keeping a font consistent becomes a problem. Unfortunately I can't log it as I don't have email help!

 

Thanks again!

0 Upvotes
LVRachel
Contributor

Landing page hyperlink font

This is happening when I link to a document or a url

0 Upvotes
LVRachel
Contributor

Landing page hyperlink font

Hi Ben

 

The page isn't published yet, but the link will be http://logovisual.hubspotpagebuilder.com/rediscover-thinkingwall

0 Upvotes
Ben_M
Key Advisor

Landing page hyperlink font


@LVRachel wrote:

Hi Ben

 

The page isn't published yet, but the link will be http://logovisual.hubspotpagebuilder.com/rediscover-thinkingwall


Unfortunately that will not help at all if the page is not published. If you cannot publish it until this is corrected could you create a clone for us to examine? Otherwise, the only advice we can provide would be to inspect the source code to look for the CSS or style that is changing the font and remove the reference to the Georgia font, as I would suspect if the rest of the page is Helvetica it should inherit that font once the Georgia reference is removed.

0 Upvotes
Ben_M
Key Advisor

Landing page hyperlink font

This is likely happening due to styles on the page. The answer could be contained on page or in the linked CSS document. Are you able to share a link to the page in question?