[resolved] Woocommerce - Help to re-align Product Categories\Catalog (7 posts)

  1. thordog
    Posted 2 years ago #

    Does anyone have any idea have to align from left to center on Product Categories\Catalog?

    It's driving me insane and Im sure its a very simple adjustment!

    Using Woocommerce;


    I would also like to change catalog image sizes but keeps defaulting even after image regeneraton.

    Happy to amend css files if anyone knows how to do this simply:/ ??

    Thanks in advance!!!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Looks like you can do that by modifying the CSS code -- line 643 of the woocommerce style.css file:

    .products.ribbon {
        margin: 0 auto !important;
        padding: 0 !important;
        width: 600px;

    Note that it previously had "float: left;" which was deleted.
    You may need to modify the width to fine-tune the spacing/alignment.

  3. WPyogi
    Forum Moderator
    Posted 2 years ago #

    You'll have to check with Woo Themes on the image size...likely a setting someplace.

  4. thordog
    Posted 2 years ago #

    WPyogi...you are a STAR !!!

    Thank you so much, it was driving me mad!!

  5. Wild at Art Atelier
    Posted 2 years ago #

    Hi I have the same problem: I would like to move my product category images to the center so they have a white space at the top and on the left side. How could I do this? I couldn't find the code you mentioned.
    My website is: test.wildatartatelier.com.
    It would be great if you could help!

  6. iliaspavlou
    Posted 2 years ago #


    I'm using woocommerce 2.0.10 and i cannot find the section you describe. I'm trying to center my categories photos too.



  7. WPyogi
    Forum Moderator
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.