BUTTON ALLIGNMENT

[nothingchanges]

Hi!

I need help aligning the buttons based on my picture.

https://nothingchanges.com.my/

Thanks in advance!

[horlaincome]

Hello! I see what you’re aiming for with the button alignment totally doable. I can get that cleaned up and aligned just like in your screenshot. Let me know if you’d like me to jump in. I can take care of it for you as a quick commission.

[The_ScriptFlow]

Hey @nothingchanges ,

In order to change the position of the first button to the left side then you need to ensure that the max-width of the buttons increase. Currently it’s 95rem but if you could make it sometime 97rem then your requirements sure fulfill.

Paste the following code in the end of base.css file.

@media screen and (min-width: 1400px) {
  .banner__box {
    max-width: 97rem !important;
  }
}

Results:


[nothingchanges]

Thank you for the reply.

Unfortunately, it is still the same after i paste the code. Is there any other possible solution?

[devcoders]

Hello @nothingchanges

1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
2. In the Assets folder, open base.css and add your CSS code at the end

div#Banner-template--24573836820843__image_banner_nWqxB7 .banner__buttons {
gap: 72rem !important;
justify-content: center;
}

[horlaincome]

Hello
I attached a file with the response you can check it and take action in

[nothingchanges]

YOU ARE AWESOME! THANK YOU SO MUCH!