WordPress.org

Forums

WooCommerce - excelling eCommerce
[resolved] Alignment of Product Images (5 posts)

  1. breastfeedingnetwork
    Member
    Posted 10 months ago #

    Hi

    I'm wanted to align my product images so that they appear from the left handside of the screen-right.

    However can't find the right css file to do this.

    This is how the products display now.

    Website URL is http://www.breastfeedingnetwork.org.uk/newwebsite/?post_type=product

    Thanks in advance.

    https://wordpress.org/plugins/woocommerce/

  2. lorro
    Member
    Posted 10 months ago #

    I think your asking to remove the white space on the left? Have you set the shop's page template to full width? If that doesn't work, try this in your custom css:

    .shop-page #page #container {max-width: 100%;}
  3. breastfeedingnetwork
    Member
    Posted 10 months ago #

    Hi

    I tried that, this is how it looks http://www.breastfeedingnetwork.org.uk/newwebsite/?post_type=product, it still stays the same. Do you think it is something to do with the images aligning to the right.

    Thanks
    Lynsey

  4. lorro
    Member
    Posted 10 months ago #

    Since I last looked you've put in a left sidebar with a search box, so the products now can't go further to the left. I think how it is now is as good as it gets.

    You might think about filling out the left sidebar a bit. There's a woo widget which will show your featured products for instance, or maybe your business twitter feed if you have one.

  5. breastfeedingnetwork
    Member
    Posted 10 months ago #

    Yes I put the sidebar in as this was the only way to clear the white space.

    This will do for now.

    If there is only one image per line it goes to the right, you can see this when viewing the site on a mobile device.

Reply

You must log in to post.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic