Title: List View layout problem
Last modified: August 27, 2022

---

# List View layout problem

 *  [timberwolfdk](https://wordpress.org/support/users/timberwolfdk/)
 * (@timberwolfdk)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/list-view-layout-problem/)
 * Hi there. I have a problem with the List view layout.
    Some products are showing
   side by side and not in a column. If I set the display to block (display: block)
   then it shows as it should but then the Grid layout shows only 3 columns from
   the 4 columns that I have set. How can I fix both layout to show as it should?
 * Thanks in advance

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [RazyRx](https://wordpress.org/support/users/razyrx/)
 * (@razyrx)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/list-view-layout-problem/#post-15967480)
 * Hello,
 * You can try to change CSS style for products element on change view, you can 
   add code that will do it in plugin settings -> Custom CSS/JavaScript tab
    JavaScript
   after list style set – set display:block style JavaScript after grid style set–
   remove display:block style
 * Regards,
    Oleg
 *  Thread Starter [timberwolfdk](https://wordpress.org/support/users/timberwolfdk/)
 * (@timberwolfdk)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/list-view-layout-problem/#post-15967661)
 * Hi, there
    I tried to implement the code “set display:block style” and the “remove
   display:block style” in the corresponding fields (JavaScript after list style
   set & JavaScript after grid style ) but it returns with error “You have some 
   incorrect JavaScript code (Grid/List View)” when I load the website. What am 
   I missing?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘List View layout problem’ is closed to new replies.

 * ![](https://ps.w.org/gridlist-view-for-woocommerce/assets/icon-256x256.gif?rev
   =2772697)
 * [Grid/List View for WooCommerce](https://wordpress.org/plugins/gridlist-view-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gridlist-view-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [timberwolfdk](https://wordpress.org/support/users/timberwolfdk/)
 * Last activity: [3 years, 9 months ago](https://wordpress.org/support/topic/list-view-layout-problem/#post-15967661)
 * Status: not resolved