Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

"Related Posts" alignment problem with Mimbo theme in Wordpress WordPress

  • SOLVED

Hello
Hoping someone can help me here. My current wordpress site uses the Mimbo theme.

The "Related Posts" section is showing up fine when my website is open with IE. Text and images are aligned as they should be but when I test this with Firefox/Mozilla, the alignment is COMPLETELY off and it looks rather messy.

See if here for yourself at http://www.citygeisha.com/?p=7115

Not sure if anyone has come across this, how do I fix this??

Thanks
Julie

Answers (3)

2010-05-18

Artur Kim answers:

Edit wp_thumbie_verticle.css (http://www.citygeisha.com/wp-content/plugins/wp-thumbie/wp_thumbie_verticle.css)

Replace #wp_thumbie_li {border-bottom:1px solid #EBDDE2; padding: 5px 5px 10px 0px !important;} with #wp_thumbie_li {border-bottom:1px solid #EBDDE2; padding:5px 5px 15px 0px !important; margin:0;}

and add the following:

#wp_thumbie img {margin:0;}
#wp_thumbie p {float:none;}


Julie N'Guyen comments:

Thanks Artur. However not sure where I need to go in order to change this?
I highlighted the "replace" part and did a search in my css stylesheet on wordpress and couldn't find it.

Thanks


Artur Kim comments:

<blockquote>Edit wp_thumbie_verticle.css (http://www.citygeisha.com/wp-content/plugins/wp-thumbie/wp_thumbie_verticle.css)</blockquote>

or you could add them to style.css with !important:

#wp_thumbie_li {border-bottom:1px solid #EBDDE2 !important; padding:5px 5px 15px 0px !important; margin:0 !important;}
#wp_thumbie img {margin:0 !important;}
#wp_thumbie p {float:none !important;}


However, it looks like you've changed the plugin that you are using.

2010-05-18

Oleg Butuzov answers:

its broken every whare.. in every tested browser.
better to rewrite code that relates to that section.

you can try to remove style="height:74px;" from the code of related posts, but i am not sure about this.

2010-05-18

Ehthisham tk answers:

nav.css line 138
margin-right:5px
padding:0 5px 0 0;


Find it here: <object height=<strong>290px</strong>....