How to put buttons under each description?

[williamk0601]

Hi there! I would like to put both the shop now buttons under each of the descriptions with this section’s multi column. An issue I am having is that when I assign the flex value to display: one of the buttons disappears. It looks like this right now:

However I would like the both buttons to be center aligned under the description. How would I go about doing this?

Here is a link to the preview of my store: https://b50vcq6bm9o4mjwh-55086776342.shopifypreview.com

Thank you! I am comfortable with editing code.

[Guleria]

Hello @williamk0601 ,

Add this css in the css file

.multi-column .center a {
    margin-left: 0;
    margin-right: 0;
}

Thanks

[PageFly-Victor]

Hi @williamk0601

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.min.css.

Step 3: Paste the below code at bottom of the file → Save

.center a {

margin: 0 !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[Kani]

Hi @williamk0601

You did it wrong, you should add button into columns.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.min.css and paste this at the bottom of the file:

@media (max-width: 768px) {
section.multi-column .center a {
margin-right: 51px;
margin-left: 40px;
}
}
@media (max-width: 566px) {
section.multi-column .center a {
margin-right: 20px;
margin-left: 20px;
}
}
@media (max-width: 464px) {
section.multi-column .center a {
margin-right: 0px;
margin-left: 0px;
}
}