Shopify themes, liquid, logos, and UX
Hello,
How can I center the buttons (SHOP AND CLASSES) in the Banner in the Home Page? They changed to be left aligned I don't know why and I can't find how to center them.
This is the shop: https://suzanne-raffellini.myshopify.com/
password: suzanne
THANK YOU!!!
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/section-image-banner.css file.
.banner__box>*+.banner__buttons--multiple {
margin: 0 auto;
}
Thanks!
This is an accepted solution.
.banner__buttons.banner__buttons--multiple {
margin-top: 10px !important;
}
@MartaSantacana Add this code. in section-image-banner.css
This is an accepted solution.
Remove prevoius cs code and add this code
Please add the following code at the bottom of your assets/section-image-banner.css file.
.banner__box>*+.banner__buttons--multiple {
margin: 0px auto;
padding-top: 15px;
}
.banner__buttons.banner__buttons--multiple {
margin: auto !important;
}
Add this code in theme.scss or theme.css or assets/section-image-banner.css file
thank you.
@Zworthkey I just find theme.liquid, I try adding the code there but it doesn't make any changes 😞
This is an accepted solution.
Please add the following code at the bottom of your assets/section-image-banner.css file.
.banner__box>*+.banner__buttons--multiple {
margin: 0 auto;
}
Thanks!
Thanks! welcome again.
@dmwwebartisan It worked for centering the buttons but now the text is too close to the buttons, how can I add some space? Thank you!
This is an accepted solution.
.banner__buttons.banner__buttons--multiple {
margin-top: 10px !important;
}
@MartaSantacana Add this code. in section-image-banner.css
This is an accepted solution.
Remove prevoius cs code and add this code
Please add the following code at the bottom of your assets/section-image-banner.css file.
.banner__box>*+.banner__buttons--multiple {
margin: 0px auto;
padding-top: 15px;
}
This isn't working for me. There's no "assets/section-image-banner.css file." Could you provide an image of exactly where the code was added?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024