Site logo

Archived topic

align the buy button in my store

9 replies · Started by Adolfo on March 9, 2021

Viewing posts 1–10 of 10

Hello, hoping that you are well and your family members are well, I would like to ask you the following:

How can I align the buy button in my store and in my related products?

Screenshots:
https://prnt.sc/10hekv1
https://prnt.sc/10helma

Pd: I apologize for my english I am using the deepl translator.
Pd2: I apologize for my OCD hahaha.

A big digital hug.

Hi Patricia,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Yes of course, you could also support me with what you see in the screenshot.

I want the products (courses) of the store to look full width however I place them but it does not grab the changes the widget space is seen :(

https://prnt.sc/10hhub9

Regards

You could give this CSS a try for the button alignment:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.woocommerce ul.products li.product a:last-child, .woocommerce-page ul.products li.product a:last-child {
    margin-right: auto;
}
ul.products {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

And for the sidebar layout, you could go to custmizer > woocommerce, change the sidebar layout for shop to content (no sidebar):
https://docs.generatepress.com/article/woocommerce-overview/#shop

Let me know :)

Ying, thank you for your kind reply, I have solved according to your suggestions, again thank you very much.

No problem :)

hello, I open the topic again, because one of the buttons for some reason is not aligned, I do not know if I did something, but your code did not modify it, I hope you can help me again.

https://prnt.sc/11b3m7j

Try this CSS:

.one-container.archive .post.product, .one-container.blog .post.product {
    padding-bottom: 120px;
}

thank you Leo it worked, excellent support from all of you.

No problem :)

This archived topic is closed to new replies.