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

Widget Alignment Issue WordPress

  • SOLVED

On the website http://feedingsga.org, there is a widget alignment issue.

These two boxes should appear under the recent news box. https://www.evernote.com/shard/s14/sh/30fbc992-5050-4b08-8ff0-56c3f6d88b13/5214e559cf6c7c3df5cd1921fdaaed20

I think this might have happened when we upgraded to Wordpress 3.8.

I am not the developer of the site, and I won't be able to reach him till later this evening.

Answers (5)

2014-01-16

Nilesh shiragave answers:

There is no CSS issue. In second post [[LINK href="http://feedingsga.org/whats-new-years-resolution/"]]Resolution[[/LINK]] you have image before content. which is causing the issue. In first post you don't have image at start.

You have to use <?php the_excerpt(); ?> to display short info of the post.


Anne Shenton comments:

You are right Nilesh. That was what was causing the issue! Where should I place that php code snippet?

2014-01-16

Sébastien | French WordpressDesigner answers:

you can add this in your style.css file
.article-search, .article-sign-up {
min-height: 143px;
}


and eventually remone height: 372px!important; in .home .content-area .articles {

2014-01-16

Agus Setiawan answers:

open style.css,

find this code :
.shadow-widget {

and add this line :

margin-top : 130px;

hope this help,

thanks.

2014-01-16

Balanean Corneliu answers:

To be perfect aligned with the right side widget add:
.shadow-widget {
margin-top: 140px !important;
}


to your style.css

i have atached the printscreen.

2014-01-16

Arnav Joy answers:

in custom.css find following :-


.home .content-area .articles

it has height with it as

height: 372px !important;

change it to

min-height: 372px !important;


Arnav Joy comments:

check how it will look