WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] center category imgaes (4 posts)

  1. Wild at Art Atelier
    Member
    Posted 1 year 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!

    http://wordpress.org/extend/plugins/woocommerce/

  2. Roy
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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

About this Topic