How can I keep my styling after making h3 element into a html link

[damarley]

Hi there, 

I'm creating a website page and I want an H3 elment to be a html link. However, everytime I turn the h3 into a link it overrides the styling and makes the font size smaller as well as changes the font color. 

Is there any way to prevent this from happening? 

Thanks in advance! 

Preview link: https://www.aventri.com/-temporary-slug-d646427c-0ccd-4971-89b0-48612bc5ac97?hs_preview=DsJMDAnh-726...

[Olivia_Bagnall · Accepted solution]

@damarley  Happy to help here! 

It appears that your template stylesheet is applying specific styling to linked text. There are two possible solutons here. 

1) Edit the CSS to remove the styling rules for linked text 
2) Change the H3 element to a HubSpot CTA instead. This will gove you more control over the styling of the text 

Olivia Bagnall Inbound Consultant and Project Manager Baskey   o.bagnall@baskey.eu www.baskey.eu Rheingasse 14, 50676 Köln

[damarley]

hi @Olivia_Bagnall 

Thanks for your feedback. Do you know how I could go about editing the CSS file to remove the styling rules for linked text? I think this would be the best option, but I don't want to break anything.

I see that I can apply a custom CSS at the page level, but not exactly sure what needs to be done. Any help would be greatly appreciated.  

[Olivia_Bagnall]

@damarley Are you using a HubSpot theme template? If so, whiwh one? 

[damarley]

@Olivia_Bagnall I am using a custom theme template. 

[Olivia_Bagnall]

@damarley In this case, I would recommend reaching out to the designer of the template or a third party designer for help

[Olivia_Bagnall]

@damarley  If you are still struggling with the styling of your custom templates, please feel free to meassage me. We have some designers on our team that would be happy to take a look for you 🙂 

Olivia Bagnall Inbound Consultant and Project Manager Baskey   o.bagnall@baskey.eu www.baskey.eu Rheingasse 14, 50676 Köln