[resolved] center category imgaes (4 posts)

  1. Wild at Art Atelier
    Posted 3 years ago #

    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: test.wildatartatelier.com.
    It would be great if you could help!


  2. Roy Ho
    Posted 3 years ago #

    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.

  3. Wild at Art Atelier
    Posted 3 years ago #

    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

  4. Roy Ho
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic