Ask your WordPress questions! Pay money and get answers fast! (more info)

NordicDesign - Grid view not aligned WordPress

  • SOLVED

Hi,

On our site we have a grid view for the categories. The alignment on this page is not correct. All blocks are showing below each-other where they should show in lines of 3.

Please advice.

Thanks
ND

change to grid view on: http://nordicdesign.ca/blog/category/by-country/

Answers (5)

2014-02-07

Arnav Joy answers:

remove the "clear" class from this line

<div id="loop" class="clear grid" style="display: block;">


NordicDesign comments:

Hi Arvav,

On what page do I remove this?

Thanks!
KO


NordicDesign comments:

Hi Arnav,

On the Lab environment I do not have this problem. Could it be anything else causing this?

Thanks
KO


NordicDesign comments:

Hi Arnav,

Thanks for helping with this!

KO

2014-02-07

S├ębastien | French WordpressDesigner answers:

remove the "clear" class for all div like this :
<div id="post_20477" class="post-20477 post type-post status-publish format-standard hentry category-best-of-denmark category-scandinavian-homes tag-tradition-furniture tag-danish-home tag-danish-interior tag-jakob-kirk tag-marie-von-lotzbeck tag-nordic-design post clear">

each div in the div which have the class "loop"

2014-02-07

Sai kumar answers:

Hi

Just remover clear class on your css (line no: 68 on your index.php)


.clear {
clear: both;
}


Thanks

2014-02-07

Ryan S answers:

Remove the below code


.clear{
clear:both;
}


Which I believe added using Custom CSS code in your theme settings or if no it can be found in site header at line #68, no need to add or re-added clear code in header area since the theme already have one .clear::after{} or in line #57 in style.css

2014-02-07

Bob answers:

go to your ftp and open file blog/wp-content/themes/sight/style.css

at very bottom add

.grid .post { clear: none;}

then save it.

<strong>or</strong>

if you want to do it via wordpress editor
go to Appearance > editor
default selected file should be style.css
go to bottom put above code and update it.


Bob comments:

if changes do not appear then it might be caching problem.
press ctrl+f5 or clear cache or try on another browser.


Bob comments:

Found that NordicDesign implemented below solution.
instead of writing separately at bottom he added it in the same class created that already exists.

Don't know that if he added it by himself or read my answer and now not replying.
whatever his job is done.

.grid .post { clear: none;}