Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

Social Media Icons display


  #1  
Old Aug 21, 2013, 03:44 PM
Suzetta
 
12 posts · Apr 2013
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
Attached Thumbnails
Click image for larger version

Name:	Untitled.jpg
Views:	1276
Size:	22.8 KB
ID:	2397  
  #2  
Old Aug 21, 2013, 05:22 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I don't see a class of scfw in the code. I see a class of cf
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Aug 21, 2013, 06:07 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.

Last edited by juggledad; Aug 21, 2013 at 06:13 PM.
  #4  
Old Aug 21, 2013, 06:57 PM
Suzetta
 
12 posts · Apr 2013
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.
  #5  
Old Aug 21, 2013, 07:04 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
But you put a CSS selector inside a CSS rule which is invalid and can cause other CSS to be ignored.
  #6  
Old Aug 21, 2013, 07:07 PM
Suzetta
 
12 posts · Apr 2013
Okay. Where do I make the change to the css?
  #7  
Old Aug 21, 2013, 07:43 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Regardless it seems like the CSS should be
HTML Code:
.cf img {
display:inline !important;
}
Instead of
HTML Code:
.scfw img {
display:inline !important;
}
And you may not need the !important

Where did .scfw come from?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #8  
Old Aug 21, 2013, 10:10 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
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.

Code:
#execphp-7 .execphpwidget a img {
   display: inline;
}
Note: I believe cf is the clearfix class and is a little too broad to use when targeting just this specific widget.
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Last edited by CrouchingBruin; Aug 21, 2013 at 10:19 PM.
  #9  
Old Aug 22, 2013, 06:34 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Thanks for catching that about the cf class CB.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #10  
Old Aug 23, 2013, 09:24 AM
Suzetta
 
12 posts · Apr 2013
Thank you for the links and the help!!!!!!

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
How to add social media icons left to search box? Zitronella Header configuration & styling 2 Jan 2, 2013 12:24 AM
[SOLVED] How to add social media icons pamlita Atahualpa 3 Wordpress theme 2 Oct 11, 2012 12:01 PM
Social Media Icons in Header sleenie Header configuration & styling 15 May 25, 2012 09:27 PM
[SOLVED] Social media icons / Widget christina4733 Sidebars & Widgets 3 Oct 23, 2011 11:45 AM


All times are GMT -6. The time now is 03:28 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.