How do you add a Custom CSS :hover class to a call to action
SOLVE
1 Accepted solution
How do you add a Custom CSS :hover class to a call to action
SOLVE
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
How do you add a Custom CSS :hover class to a call to action
SOLVEHelp 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
