Home>Support>CSS Hover Effect for Circle Icon

CSS Hover Effect for Circle Icon

By Todd Sumrall, 10 years ago. Last reply by Daniel, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 10 years, 8 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. 10 years, 8 months ago Todd Sumrall

    Thanks

  3. 10 years, 8 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