I have a block(page same problem) on www.bluraykopen.nl with a grid view with 3 columns. As you can see the 3 products are next to each other on the left side.

I can not get them to use the full with of the block, so that each column has a fixed width like 33%.

I have searched for an answer the whole day, and tried some CSS adjustments, but can't get anything to work.

Hope you can help.


I had success with explicitly setting the width of the table that contains the images/titles.

Set the width of <table class="view-view-grid cols-3> to 100% in your CSS and see if that doesn't help.

  • Hmm, and what do i have to put in my style.css exactly for that? This doesnt work.. .view-view-grid cols-3 { width: 100%; } – Joshua Loman Sep 6 '12 at 14:30
  • I'd try targeting it with table.views-view-grid. So set table.views-view-grid { width: 100%; } Also, I assume you're referring to [this style sheet]: (bluraykopen.nl/sites/all/themes/sankofa/css/style.css) – joedougherty Sep 6 '12 at 18:21
  • worked! thx!!! :) – Joshua Loman Sep 10 '12 at 9:52

The Kettic Data Grid control is able to resize the columns as well as set fixed width column for data grid, which can be achieved by disable the ApplyColumnResize property.

  • Can you expand on how this can apply to a grid view in Views? – mpdonadio Oct 11 '13 at 16:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.