Needing help to center single product image on WordPress Store

Hi everyone,

I’m only selling a single product on my site, so it looks a little silly with it floating on the left by itself, looks fine on mobile obviously but for desktop it looks a little weird.

I tried adding this code in “Additonal CSS”

.woocommerce .cols-2 li.product a,
.woocommerce.columns-2 li.product a {
text-align: center;
margin: 0 auto;
display: block
}

But with no luck?

Does anyone have any suggestions? I’m using Sinatra theme and using Store front as static home page.

Cheers!!!!

• This topic was modified 3 days, 2 hours ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

The page I need help with: [log in to see the link]