# How to customize CTA button hover color **URL:** \ **Category:** CMS Development\ **Created:** [November 13, 2018, 2:09pm UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908 "2018-11-13T14:09:46Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![whitecolin](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/whitecolin/32/69256_2.png) [@whitecolin](https://community.hubspot.com/u/whitecolin)\ **Post date:** [November 13, 2018, 2:09pm UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908/1 "2018-11-13T14:09:46Z")
Hi, I’m trying to customize the look of a CTA button. It’s a rectangular button, we’ve figured out how use the Custom CSS function to modify a few properties on the button but I am unable to figure out how to get the hover-over background color to change from the default, which seems to be a slightly lighter color than than main background color. For example, if my main button color is #aa060f, and I want the hover color to be #565656, what would be the custom CSS to do that? I’ve tried a few variations of :hover code but nothing seems to work. Thx! Colin ---
**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\ **Post date:** [November 13, 2018, 3:19pm UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908/2 "2018-11-13T15:19:12Z")
@whitecolin, you will need to target the a in the cta. If you will be reusing this style, I would add a class to the cta in the CTA builder. let’s say you use style1 as your css class then you can add to your css: ```auto a.style1:hover{ color: #565656 } ``` there is a chance you may need to use !important. if that doesnt work, please provide a link to an example and i will provide further thoughts ---
**Author:** ![whitecolin](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/whitecolin/32/69256_2.png) [@whitecolin](https://community.hubspot.com/u/whitecolin)\ **Post date:** [November 13, 2018, 7:10pm UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908/3 "2018-11-13T19:10:07Z")
thanks Dennis ---
**Author:** ![Nomicamille](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/nomicamille/32/33328_2.png) [@Nomicamille](https://community.hubspot.com/u/Nomicamille)\ **Post date:** [March 20, 2019, 3:50pm UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908/4 "2019-03-20T15:50:01Z")
This didn’t work for me. Is there another workaround for hover styling? ---
**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\ **Post date:** [March 20, 2019, 4:34pm UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908/5 "2019-03-20T16:34:42Z")
@Nomicamille , have a reference link? ---
**Author:** ![Tanu14](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tanu14/32/32521_2.png) [@Tanu14](https://community.hubspot.com/u/Tanu14)\ **Post date:** [June 25, 2021, 3:10pm UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908/6 "2021-06-25T15:10:44Z")
Hi, This didn’t work for me. I have added class style1 in Custom CSS class and added the code too. Any other workaround? ---
**Author:** ![VMarketer](https://avatars.discourse-cdn.com/v4/letter/v/2bfe46/32.png) [@VMarketer](https://community.hubspot.com/u/VMarketer)\ **Post date:** [October 28, 2024, 1:22am UTC](https://community.hubspot.com/t/how-to-customize-cta-button-hover-color/10908/7 "2024-10-28T01:22:17Z")
Constant Contact forms allows for this. I’m surprised this is not a standard customization with HubSpot.