Archived topic

Woocommerce Shop Styling Question

3 replies · Started by Paul on October 15, 2018

Viewing posts 1–4 of 4

October 15, 2018 at 6:22 am #701253

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.

October 15, 2018 at 10:01 am #701506

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 :)

October 15, 2018 at 10:50 am #701546

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.

October 15, 2018 at 10:54 am #701553

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

This archived topic is closed to new replies.

Start building better websites today.