Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Social Connect Widget Displays Images Vertically Instead of Horizontally


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 23, 2013, 09:29 AM
Joshua B
 
3 posts · Feb 2013
Member ThomasCle had a similar issue in the topic:

http://forum.bytesforall.com/showthread.php?t=19625

His solution was to
Quote:
set style="display:inline;" on the <img>
My plugin in question is WordPress Social Login.

I wonder if I should try the same as was advised for ThomasCle, as my images which were horizontally aligned in another WP theme, are now vertically aligned in this theme.



I'm just not sure where I set the image style to inline. In my widget's custom CSS? Here is the code that I can alter there:

Code:
#wp-social-login-connect-with {font-weight: bold;}
#wp-social-login-connect-options {padding:10px;}
#wp-social-login-connect-options a {text-decoration: none;}
#wp-social-login-connect-options img {border:0 none;}
.wsl_connect_with_provider {}
Example URL: http://pinballsoul.com/avengers-pro-...-pinball-news/

Thanks!

Last edited by Joshua B; Feb 23, 2013 at 09:44 AM. Reason: Wanted to add image example and name the plugin in question
  #2  
Old Feb 23, 2013, 09:41 AM
juggledad's Avatar
juggledad
 
21,937 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
this is a great way to play with a code inspector like FireBug in FireFox. You can examine the html, see the CSS and change the css or add more to see what happens.

In FireFox on the MAC the second icon is the 'inspector'. After you click it and move the mouse to the page, you will see a box around the HTML elements. Click one and you will see the CSS on the right side of the bottom display. just go in and change the settings and you will see the changes right away. to add a new RULE, do to the last rule in a selector and hit the tab key and you can type in the new rule.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Feb 23, 2013, 09:56 AM
Joshua B
 
3 posts · Feb 2013
Thanks. I don't see any weird breaks after the image icons. Do you see something I'm missing?

  #4  
Old Feb 23, 2013, 11:12 AM
juggledad's Avatar
juggledad
 
21,937 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try adding the 'display: inline' to different elements
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Tags
horizontal, images, widget

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Social Connect How to put above login to comment? windows8 Comments, trackbacks & pings 3 Dec 7, 2012 03:54 AM
[SOLVED] Cannot align horizontally social buttons (twt / fb) Chass Forum How-To 7 Jan 23, 2012 11:39 AM
[SOLVED] Overlaying Social widget in the header images area btwimages Header configuration & styling 2 Mar 4, 2011 04:26 PM
Horizontally & Vertically expanding post backgrounds / boxes jaxon Center area post/pages 6 Jan 31, 2010 07:24 PM
Items in footer of post/pages stack vertically and not horizontally bcorrigan Post-Kicker, -Byline & -Footer 2 May 11, 2009 12:09 PM


All times are GMT -6. The time now is 09:42 PM.


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