Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)
-   -   Social Connect Widget Displays Images Vertically Instead of Horizontally (http://forum.bytesforall.com/showthread.php?t=19708)

Joshua B Feb 23, 2013 09:29 AM

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

http://www.joshuab.org/pic/temp/vertical.jpg

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!

juggledad Feb 23, 2013 09:41 AM

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.

Joshua B Feb 23, 2013 09:56 AM

Thanks. I don't see any weird breaks after the image icons. Do you see something I'm missing?

http://www.joshuab.org/pic/temp/firebug.jpg

juggledad Feb 23, 2013 11:12 AM

try adding the 'display: inline' to different elements


All times are GMT -6. The time now is 06:21 AM.

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