How to align buttons

[margo141]

How to align “add to cart button” , “share” and " wish list" buttons together side by side in Trade version?

I’ve tried many things, but the button does not want to move(((( Please someone help me

[suyash1]

@margo141 - I think all of these fields are having separate sections and hence those are not moving, ,ay need code editing

[Dan-From-Ryviu]

Hi @margo141

Please share your store link so I can check

[namphan]

Hi @margo141 ,

Please send me the store link, I will check it for you

[margo141]

https://www.108creations.com/products/christian-fish-ring-powerful-symbol-ring

[Dan-From-Ryviu]

Please add this code to theme.liquid file, after in Sale channels > Online Store > Themes > click ‘…’ in current theme > Edit code

[Viralmint]

Hello @margo141

Please add below css code to theme.css file

div#shopify-block-swishlist_simple_wishlist_wishlist_product_button_cgytHr {
right: 0;
position: absolute;
margin-top: 20px;
}
product-form.product-form {
width: 100%;
position: relative;
margin-top: 15px !important;
max-width: 85%;
}

[margo141]

Thank you so much, but it did not work out(((

[margo141]

Thank you so much, but it worked out only for two products… I do not have a Theme.css file, so I put it in assets/section-main-product.css file and it worked for 2 products. But how can I change the rest of them?

[namphan]

Hi @margo141 ,

Please go to Actions > Edit code > Assets > section-main-product.css file and paste this at the bottom of the file:

.product__info-container .st-wishlist-button {
    float: right;
    margin-top: 5px;
}
.product__info-container .product-form {
    max-width: calc(100% - 60px);
}
.product__info-container .product-form .product-form__buttons {
    max-width: 100% !important;
}

[margo141]

Thank you so much!!! it worked out great!!!

Many thanks!!!

[namphan]

Hi @margo141 ,

If you have any questions, you can contact me directly at email in signature.

Nice to meet you

[margo141]

Thank you so much!! Nice to meet you as well