Home>Support>CSS Hover Effect for Circle Icon

CSS Hover Effect for Circle Icon

By Todd Sumrall, 9 years ago. Last reply by Daniel, 9 years ago.

Hi,

It seems line no matter what I do, I am not to create a hover effect for the Web Applications Icons in the circle icon area. This is one example of what I have tried but something about the theme is overriding it.

Here are a couple of things I have tried (red is not going to be the final color). Nothing working.

.circle-icon a:hover{
	background-color:red;
}

.link-icon .circle-icon a:hover{
	background-color:red;
}

URL: http://192.185.137.9/~anwr/

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

  1. 9 years, 7 months ago Daniel
    Hi, I Work Here

    Hi Todd,

    Always use the !important brace when implement Custom CSS :-)

    .circle-icon:hover {
   background-color: red!important;
}

    Cheers

  2. 9 years, 7 months ago Todd Sumrall

    Thanks

  3. 9 years, 7 months ago Daniel
    Hi, I Work Here

    You are most welcome Todd!

    Cheers.

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