Hi, is this module only work with Omega theme? I see in the classes <li class="views-row views-row-1 views-row-odd views-row-first grid-3 alpha column-1 row-1 column-1-row-1-alpha"> generate by the module but it doesn't provide any css. How is it suppose to work? I tried with Zen 7.x-5.x and Fusion with an extra 960.css without success.

Thank you!

Comments

nlisgo’s picture

nlisgo commented

Thanks for your question. The short answer is that my solution does not provide you with any css but just allows you to control the markup of your views output so that you can style it better. Not all people will have access to the conventional grid system. Zen-7.x-5.x for example uses the sass/compass plugin zen grids (http://zengrids.com). This method encourages you to write more semantic css classes. So in place of grid-3 you would put news-teaser (if appropriate). You will in turn need to write the sass code to generate the width of this item. I can't advise on the zen grids approach but the end result of the sass will be css something like:

.news-teaser {
  width: 120px;
  margin-left: 10px;
  margin-right: 10px;
}

If you want a 3 column layout and you wish to remove the margin from the items in the left and right columns then without using css3 selectors (http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/) you will need to add a class of your choosing to the items 1,4,7 etc that fall in the left column and to the items 3, 6, 9 etc that fall in the right column. You could put left-item in the column left and right-item in the column right then add the css:

.left-item {
  margin-left: 0;
}

.right-item {
  margin-right: 0;
}

I hope that is helpful.

Swebmas’s picture

Swebmas commented

Thanks I get it and I think I will use this module. I'll give you more feed back later.

nlisgo’s picture

nlisgo commented
Status: Active » Closed (fixed)

Any more questions then let me know.

Swebmas’s picture

Swebmas commented

Just to let you know that I make it work with Zen-grids and I think this simple module is doing something great. It's like magic for Views! Now my problems is that I need a base theme to work with your module. I can't live without your module. I'm trying to make it work with the Gpanel of Adaptive Theme. I created an issue here http://drupal.org/node/1689640 hoping to have a solution.

Thanks a lot,