Support » Plugin: WooCommerce » center category imgaes

  • Resolved Wild at Art Atelier


    Hi! I am using woocommerce to create my online shop and 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:
    It would be great if you could help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Roy Ho


    There are many different ways to center those. One method would be:

    Remove float:left and add display:inline-block to ul.products li.product in your woocommerce styles.

    But don’t forget, if you’re going to modify CSS, don’t do it in the core but instead copy it out.

    The best method for this is copy all CSS from the woocommerce styles and paste them into your style.css of your theme and then in your woocommerce setup, turn off CSS.

    So i copy past the woocommerce.css to my style.css and then i go into woocommerce settings and unselect the box saying “enable woocommerce css styles”. i’m sorry if i am asking silly questions

    Roy Ho


    Yes because you’re telling woocommerce that you will load your own styles instead of the theirs.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘center category imgaes’ is closed to new replies.