1

I have a block with a 3-column grid view. The three products are next to each other on the left side. I cannot get them to use the full block width, so that each column has a fixed width, for example 33%.

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

Improve this question

1 Answer 1

Reset to default
1

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.

Improve this answer
3
  • 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, 2012 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, 2012 at 18:21
  • worked! thx!!! :)
    – Joshua Loman
    Sep 10, 2012 at 9:52

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