[Support request] Woocommerce Shop Styling Question

[Paul]

https://www.sandandsteelfitness.com/shop/

You see how on a few products have the purchase button under the image and most have them on the right. Obviously, this is created by the length of the text. Is there an easy way I can keep the text and button on the right side of the column. It’s not an issue on mobile, but on desktop it looks a little sloppy.

Compare the button location of “Gym Tour” vs “Personal Trainer Starter Pack”

Thanks for the help.

[Leo]

Hi there,

Try this CSS:

@media (min-width: 769px) {
    .woocommerce a.button {
        float: right;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[Paul]

I tried adding that css to the page using the simplecss plugin. Doesn’t seem to work … I’m thinking the simplecss plugin might not work on the shop page.

[Leo]

Yeah try using the Simple CSS’s global editor or Additional CSS.

[Author]

Posts