This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS Hover Effect for Circle Icon

Resolved 3 replies premiumthemetheme-vantage
Todd Sumrall
11 years ago · Last reply by Daniel 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Daniel Staff 11 years, 27 days ago

    Hi Todd,

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

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

    Cheers

  2. Todd Sumrall 11 years, 24 days ago

    Thanks

  3. Daniel Staff 11 years, 24 days ago

    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.

Have a different question or issue?

Start New Thread