[Resolved] Format button in WooCommerce Add to Cart shortcode

[Roland]

Hi

I’m using the WC [add_to_cart id=”99″] shortcode. It works fine but there is zero gap between the price text and the “Add to Cart” button. Can I add some styling to the shortcode to add some padding just around the button?

Many thanks
Roland

[Leo]

Hi there,

Can you link me to the page? Thanks!

[Roland]

Website is not public for now but here is a screenshot of the price/button that the shortcode is producing
https://drive.google.com/open?id=0B-ehNXLv14sUbFpZRXlteE5DZFU

[Roland]

Thanks for helping Leo – appreciate it.

[Leo]

Can you edit the original post and add in the website link? Only admins (Tom and I) can see it.

It’s much easier that way so I can nail down the CSS.

Thanks!

[Roland]

Hi Leo

I added the link. Can you see it? I’m running the UnderConstruction plugin.

Cheers

[Leo]

Can you turn it off so I can see the site? Thanks!

[Roland]

Done – thanks Leo

[Leo]

Try this CSS:

.woocommerce a.button {
    margin-left: 10px;
}

[Roland]

Thanks Leo, that works. Appreciate your help with this.

[Leo]

No problem!

[Author]

Posts