Issue
Can anyone offer advice on how to make styling adjustments to my products on the shop page? I find that they are too close together and I'd like to space them out a bit. Also, the product titles, being of different lengths, creates a bit of a chaotic appearance where the 'Add to cart' buttons are not positioned uniformly on a straight line. Obviously, this is caused by the varying length product titles and the ratings element. I just need to know what function to look in to style these elements. The site itself is just a test. It takes awhile to load, probably because the servers on the hosting platform are slow. http://www.cjbergin.com/wordpress
Solution
The spacing of the products can be changed by having a bigger margin on the classes:
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
The product titles being different heights can be fixed by adding a height: 20px; (change that value you suit your needed). to the following classes:
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3
Answered By - Howli
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.