Blog, Website & Page Publishing

damarley
Participant

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

SOLVE

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! 

 

Screen Shot 2022-05-03 at 14.15.48.png

 

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

 

0 Upvotes
1 Accepted solution
Olivia_Bagnall
Solution
Contributor | Platinum Partner
Contributor | Platinum Partner

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

SOLVE

@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
 
 
 

View solution in original post

Olivia_Bagnall
Solution
Contributor | Platinum Partner
Contributor | Platinum Partner

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

SOLVE

@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
Participant

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

SOLVE

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.  

0 Upvotes
Olivia_Bagnall
Contributor | Platinum Partner
Contributor | Platinum Partner

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

SOLVE

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

damarley
Participant

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

SOLVE

@Olivia_Bagnall I am using a custom theme template. 

0 Upvotes
Olivia_Bagnall
Contributor | Platinum Partner
Contributor | Platinum Partner

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

SOLVE

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

Olivia_Bagnall
Contributor | Platinum Partner
Contributor | Platinum Partner

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

SOLVE

@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