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, 2 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, 9 hours ago

    Thanks

  3. Daniel Staff 11 years, 22 minutes 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