I have two categories in the shop section on my site, but I am having trouble centering them to the middle of the actual page, not the container. I’m trying to just get this done with CSS and not touch anything else. Same with products inside the categories, I would like to have them centered with 2 columns the same way. Any help with this would be great, i’ve been fussing with this too long.
Here’s a screen shot to give a visual in case i’m not saying this correctly.
http://awesomescreenshot.com/0511nka0e8
.shop_columns_3 .products .product {
width: 31% !important;
}
ul.products li a img {
width: 50% !important;
margin: 0 auto !important;
}
ul.products {
text-align: center;
}
ul.products li h3 {
font-size: 18px !important;
Thanks in advance for any help I can get on this. much appreciated!