Grid Display (CSS)

I just upgraded this morning - and for the life of me can't remember how I had three products displaying in a row before - now there are only two and I don't know where to change it.  Is it a hard-coded css change or is there an option I'm missing?

http://wildermuthcreativeportraits.com/shop/custom-portrait-packages/

Thanks!!

Comments

  • 6 Comments sorted by
  • Vote Up0Vote Down
    update:  it is hard code change in the views / default style.css changing the width from 30% to 29%.

    :)
  • Vote Up0Vote Down
    Hello,

    Thank you for getting in contact with us.

    I`m glad that you managed to find a solution for this issue.

    Please let us know if you need further assistance ok?

    All the best!
  • Vote Up0Vote Down
    I would like this also ... but I don't understand this explanation.  

    I have two columns now ... I'd like three or four.


    can you tell me which file to change?  I looked through the style.css and didn't really see 
     [views / default style.css changing the width from 30% to 29%.]

    appreciate the help

  • Vote Up0Vote Down
    Hello Mare,

    Thank you for your response.

    On the plugin Custom CSS section located under "Checkout > Configuration" you can place the following CSS code: http://pastebin.com/nx49K4aX

    You can then change the width value to modify the size of your columns and make they fit on your theme.

    Let us know if it helps ok?

    All the best!
  • Vote Up0Vote Down
    works great!  except it doesn't work when I change the sorting.  Can I put it somewhere more 'basic' and have it apply to all grid views?  

    or ... ideas?


    thanks!
  • Vote Up0Vote Down
    Hello Mare,

    Thank you for your response.

    I went through your website but apparently the value you used for the columns is the same as the original, can you try a different value like 29%?

    The CSS code I provided should be universal and affect all the grid views.

    Please let us know if it helps ok?

    All the best!
Sign In or Register to comment.