Home>Support>How do i get the Cta button to change color on hover?

How do i get the Cta button to change color on hover?

I’m trying to find the necessary cody to change the color of the button on the CTA widget when a user hovers on it? Anyone able to help me?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 2 months ago Alex S
    Hi, I Work Here

    Hi Jordi,

    If you would like to set a custom CTA button hover color at this time, you’ll need to use CSS. Please open the SiteOrigin Call To Action widget you’re working on and head over to the widget styles sidebar. Open the Attribute settings group and set the Widget Class to cta-hover_change and then save.

    Please navigate to WP AdminAppearanceCustom CSS and add (and adjust) the following CSS:

    .cta-hover_change .ow-button-base a.ow-button-hover:hover {
    	background: #49add7;
    	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2b95c2), color-stop(1, #49add7));
    	background: -ms-linear-gradient(bottom, #2b95c2, #49add7);
    	background: -moz-linear-gradient(center bottom, #2b95c2 0%, #49add7 100%);
    	background: -o-linear-gradient(#49add7, #2b95c2);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49add7', endColorstr='#2b95c2', GradientType=0);
    	border-color: #288cb6 #2685ad #247ca1 #2685ad;
    	color: #ffffff !important;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More