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)
-   -   [SOLVED] Montezuma forces line breaks in some widgets (http://forum.bytesforall.com/showthread.php?t=19625)

ThomasCle Feb 13, 2013 06:46 AM

[SOLVED] Montezuma forces line breaks in some widgets
 
After installing Montezuma on my blog I've got some problems with my widgets. Some of them foces line breaks, where there aren't supposed to be line breaks.

The three icons in this widget used to be stading horizontally, but now they're standing vertically:
http://i.imgur.com/o9DIL9P.png

As you can see in the source of the widget, there are no <br />'s between the images.
HTML Code:

<aside id="socialprofiles-2" class="widget social-profiles cf">
<h3><span>Keep in touch!</span></h3>
<a href="http://www.cupcakecoding.com/feed/" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Feed_48x48.png" alt="RSS" /></a>
<a href="https://twitter.com/#!/ThomasCle" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Twitter_48x48.png" alt="Twitter" /></a>
<a href="https://www.facebook.com/tclemensen" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Facebook_48x48.png" alt="Facebook" /></a>
</aside>

What can I do to remove these line breaks?

jerryc Feb 13, 2013 07:30 AM

There's a checkbox at the bottom of the text widget, if that's what you're using, that says automatically insert paragraphs. Be sure that's unchecked.

If that doesn't work, try doing a view source. There may still be automatic <p> tags being inserted. I can't tell if you have each item on it's own line in your source or if the wordwrap is just displaying them that way, and I can't tell if what you're calling your source code is what you put into the widget or what your browser gave you after the page displayed.

Another possible solution could be to force a display:inline; style to each <a> item.

I hope one of them work. If not, please post a url.

ThomasCle Feb 13, 2013 07:45 AM

The code I posted in the first post is the code the browser shows me when I view the source code.

I'm using the Text widget, but the "Automatically add paragraphs"-checkbox is unchecked. This is the code I've pasted in the widget:
HTML Code:

<a href="http://www.cupcakecoding.com/feed/" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Feed_48x48.png" alt="RSS" /></a>
<a href="https://twitter.com/#!/ThomasCle" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Twitter_48x48.png" alt="Twitter" /></a>
<a href="https://www.facebook.com/tclemensen" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Facebook_48x48.png" alt="Facebook" /></a>

I have tried to insert style="display:inline;" on all three <a> as you suggested, but that didn't change anything.

The blog is at www.cupcakecoding.com (I also have a linebreak problem in my "Blogroll"-widget. Icons and site-title should be standing on same line.)

Any other suggestions? :-)

juggledad Feb 13, 2013 07:52 AM

add
HTML Code:

div.textwidget {float: left;}
to the CSS

jerryc Feb 13, 2013 07:53 AM

I did a firebug on your site, and your img tag are set to display:block. Try forcing them to inline and see if that doesn't do it. If an inline force works, you can change your stylesheet later, if you want.

ThomasCle Feb 13, 2013 08:01 AM

Quote:

Originally Posted by jerryc (Post 96503)
I did a firebug on your site, and your img tag are set to display:block. Try forcing them to inline and see if that doesn't do it. If an inline force works, you can change your stylesheet later, if you want.

Thank you! That did the trick. I set style="display:inline;" on the <img> :)


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

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