WooCommerce Grid / List toggle
[resolved] Buttons broken & excerpt showing under image (3 posts)

  1. sparx
    Posted 3 years ago #

    This is probably a styling issue, but I have tried nearly everything to resolve it and come up with nothing. Basically in the list view, I have the product image, title, price, excerpt and more info, buy now buttons all on top of each other in a tall column. Please see here and choose list view:


    What I would like to do is use the full width of the page and have the image with title underneath it (like the grid view) and move the excerpt to the right of the image, and the price, more info/buy buttons to the right of the description to form a more horizontal layout.

    I would really appreciate any help with this.

    Many thanks in advance.



  2. jameskoster
    Plugin Author

    Posted 3 years ago #

    Not sure why but your theme is over-riding the product width in list view.

    Try adding;

    ul.products.list li.product { width: 100% !important; }
  3. sparx
    Posted 3 years ago #

    Brilliant, that worked! Thank you for your help.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce Grid / List toggle
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic