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 Connect Widget Displays Images Vertically Instead of Horizontally


  #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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try adding the 'display: inline' to different elements
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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:23 PM.


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