How do you add a Custom CSS :hover class to a call to action

si_entology — Tue, 31 Jul 2018 07:46:37 GMT

I've made a cal to action using custom CSS styling, but don't know how to give that C2A a :hover class in the custom CSS field for a call to action. Any Ideas?

Re: How do you add a Custom CSS :hover class to a call to action

MFrankJohnson — Tue, 31 Jul 2018 09:47:02 GMT

Help other HubSpot searchers find this post quickly by accepting this solution today.

Q: How to add CSS properties to a :hover selector in the custom CSS field for a CTA??

Short A: You can't add CSS properties to CSS selectors in the custom CSS field for a CTA.

Longer A:

The custom CSS field in CTAs will accept many CSS Properties. However, we haven't seen a successful implementation of CSS Selectors being defined in this section and ':hover' is a CSS selector.

The recommended best practice is to either use an existing class or create a custom class for your CTA, then add your CSS properties to the custom class in your CSS stylesheet where the CTA is being used.
(see image)

Help answer your question? If so, remember to accept this solution today.

Best,
Frank

topic Re: How do you add a Custom CSS :hover class to a call to action in CMS Development

How do you add a Custom CSS :hover class to a call to action

Re: How do you add a Custom CSS :hover class to a call to action