Can't Set Background Color To None?

Resolved yoyoma1974
(@yoyoma1974)

11 years ago

It looks like in the recent version of this plugin that we can no longer have no background color or background hover color. When I clear the field and click Save the previous color code reappears. Is this a bug or is there some reason for this?

Thanks for any help.

Tim

http://wordpress.org/extend/plugins/simple-social-icons/

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Contributor Ron Rennick
(@wpmuguru)

11 years ago
Your CSS would be invalid if it had
```
background: ;
```
Thread Starter yoyoma1974
(@yoyoma1974)

11 years ago

couldn’t it be background: none; ?

Just wondering why this used to be possible.

Plugin Contributor Ron Rennick
(@wpmuguru)

11 years ago

These icons are a font & the plugin was essentially rewritten. You should be able to make the background transparent in your style.css.

Thread Starter yoyoma1974
(@yoyoma1974)

11 years ago

Its seems like the !important that’s in the plugin’s code overrides everything I put in style.css:

.simple-social-icons ul li a, .simple-social-icons ul li a:hover {
background-color: #49c8df!important;
Plugin Contributor Ron Rennick
(@wpmuguru)

11 years ago
Make your selectors more specific. ex
```
#wrap .simple-social-icons ul li a,
```
Thread Starter yoyoma1974
(@yoyoma1974)

11 years ago

I’ve been trying that, but it seems like that’s either not possible or very hard, according to this post:

http://wordpress.org/support/topic/using-important-in-css

Plugin Contributor Ron Rennick
(@wpmuguru)

11 years ago

Include an !important in your CSS and it will cancel out the other !important.

karenmjudge
(@karenmjudge)

10 years, 11 months ago

I used “no background” for mine by indicating #ffffff. But then I guess if the background of your site is not white that wouldn’t work.
prayersnapples
(@prayersnapples)

10 years, 5 months ago
I’ve been able to change the hover color by using the following, but I still don’t know how to change the normal (non-hover) background color (I want to change the standard gray to light brown):
```
.simple-social-icons .social-facebook a:hover {
	background-color: #99cc00 !important;
}

.simple-social-icons .social-flickr a:hover {
	background-color: #9966cc !important;
}

.simple-social-icons .social-gplus a:hover {
	background-color: #dd4b39 !important;
}

.simple-social-icons .social-instagram a:hover {
	background-color: #406e94 !important;
}

.simple-social-icons .social-linkedin a:hover {
	background-color: #1b86bc !important;
}

.simple-social-icons .social-pinterest a:hover {
	background-color: #ca2027 !important;
}

.simple-social-icons .social-rss a:hover {
	background-color: #f38f36 !important;
}

.simple-social-icons .social-twitter a:hover {
	background-color: #00abf0 !important;
}

.simple-social-icons .social-tumblr a:hover {
	background-color: #ff3333 !important;
}

.simple-social-icons .social-github a:hover {
	background-color: #60dcdf !important;
}
```
Anyone know what I should add/do?
My site is: http://www.prayersandapples.com
prayersnapples
(@prayersnapples)

10 years, 5 months ago
Sorry to bother everyone! I just figured it out:
```
.simple-social-icons .social-facebook a {
    background-color: #99cc00 !important;
}
.simple-social-icons .social-facebook a:hover {
    background-color: #a69c91 !important;
}
```