Archived topic
align the buy button in my store
9 replies · Started by Adolfo on March 9, 2021
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 :(
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.
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 :)