Allign Buttons

Store Design
1

Hello everyone, I’m having trouble aligning the black button with the gray button, can anyone help me?

Theme: Concept

Inside the black button it says: Notify me when available

Inside the gray button it says: Out of stock

Button Alig
Button Alig427×299 10.3 KB

2

Hey @leandro.sptichak

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Is that the theme’s own button or was it added by Klaviyo, for example?

4

Hey @leandro.sptichak,

Thanks for posting your Query on this Shopify community platform.

Could you please share your store url and password [if applicable], so that I can take a look and provide you the solution code.

Actually, the current issue is due to the custom code that you use. By default Concept theme don’t have this alignment issue.

6

Tell me if you’ll need the password, but I don’t think so. https://iyrcyf-qm.myshopify.com/

7

@leandro.sptichak link to a URL with the actual problem not just a homepage.
Don’t make others dig, if a customer asked about a product would you dump them on the homepage or link to the actual thing.
If someone ask for directions to a store would you just say the city name and leave it at that. etc.
Communicate actual detail not doing so will cost you a ton of money in business and is a very strong indicator of future merchant failure.

In a custom CSS setting try the following, and make a note somewhere you have done this:

.product-form-wrapper .nm-portal button { margin-top: 0 !important; margin-bottom: 0  !important; }

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

But this can be fragile depending on where such button code is even coming from; especially since it sets inline styles on the elements own style attribute.

8

Hey @leandro.sptichak

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.notifyButtonStyle {
    margin-top: 0 !important;
}
</style>

RESULT:

image
image643×175 8.31 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed