Centre Woocommerce shortcode products

1 Views

I’m trying to center a Woocommerce shortcode product object, see product example ‘Chanel printed logo shopper’, here: http://vintageheirloom.biz/blog/2013/10/forever-fashion-everlasting-trends/

Woocommerce provide this code: [product id=”6606″].

Read More

I’ve tried using standard WordPress align center, I’ve tried putting inside a div along the lines of: 

div.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

No luck, any ideas?

Much appreciated !

Post Views: 1

Related posts

Leave a Reply

2 comments

  1. Add the below code to your CSS, As you have only one item in it. Not suggested if you have multiple li

    CSS

    .displayed ul.products li.product {
float: none;
margin: 0 auto;
}

  2. Just had the same issue and made like that:

    In WordPress:

    <div class="single_product">[products ids="185" columns="1"]</div>

    CSS

    .single_product {
float: none;
margin: 0 35%;
}