WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. sparx
    Member
    Posted 1 year 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:

    http://www.starburst.burystedmundsprinting.com/product-category/firework-selection-boxes/

    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.

    sparx

    http://wordpress.org/extend/plugins/woocommerce-grid-list-toggle/

  2. jameskoster
    Member
    Plugin Author

    Posted 1 year 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
    Member
    Posted 1 year ago #

    Brilliant, that worked! Thank you for your help.

    sparx

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic