Social Media Icons display
 

I am trying to get the icons displayed from a PHP plugin/widget to go horizontally not vertically. I located a similar Q&A, changed the css for the widget from float:none to

.scfw img {
display:inline !important;

And the icons still show horizontally. Am I changing the code correctly? Am I changing the code in the right location?

Thanks!

Site is www.forever-faithful.com

I don't see a class of scfw in the code. I see a class of cf

the image you show is displaying invalid CSS - where did you get that from?
looks like you coded something impropely at the end of the widgets.css file in the options.

I went to Montezumu options, css files, widgets.css. Located and changed. I only made the changed based on another thread regarding the same issue.

But you put a CSS selector inside a CSS rule which is invalid and can cause other CSS to be ignored.

Okay. Where do I make the change to the css?

Regardless it seems like the CSS should be
Instead of
And you may not need the !important

Where did .scfw come from?

OK, I found the thread that you were referring to, Suzetta, and while the general principals apply, the specifics are slightly different because you aren't using the same plugin as the other poster, and therefore the .scfw selector isn't the one that you should use. You should really understand how CSS selectors work, and then learn how to use a web developer tool like Firebug so you can correctly target your CSS.

This should work. Put it at the end of your various.css file and remove what you put in widgets.css because, as JuggleDad indicated, it has probably screwed up the rest of your site. In fact, something is definitely screwed up, because I currently see your footer at the bottom of your sidebar instead of at the bottom of the page.

Note: I believe cf is the clearfix class and is a little too broad to use when targeting just this specific widget.

Thanks for catching that about the cf class CB.

Thank you for the links and the help!!!!!! :)