Hey,
I want to align the complete text along with the button on the image banner at the start of the page to the right side of the image.
Store link: https://0bc922.myshopify.com/
Hey there, glad to help. To get started, click on this section in your theme customizer, and go to where it says “Add Custom CSS”. Try this code:
.banner--content-align-left .banner__box{
text-align: right;
}
Is this along the lines of what you are trying to do?
Hello @randomchikibum ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to section-slideshow.liquid file → add this code at the bottom of page
# Your Heading
Your Text
Button
Go to Assets folder → base.css file → add this code at the bottom of page
.banner-content.align-right {
text-align: right;
}
.banner-content.align-right h1,
.banner-content.align-right p,
.banner-content.align-right .banner-button {
text-align: right;
}
Save and preview
Hope this can help. Let us know if you need any further support.
Ali Reviews team.
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the base.css file:
@media screen and (min-width: 750px){
.banner__content.banner__content–middle-center {justify-content: start !important;}
}
Regards,
San
Hello @randomchikibum
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.banner__content.banner__content--middle-center {
justify-content: strat;
}
Yes but I want to move it further to the right and align the text properly so that all the text appears in the black space. As of now, it’s appearing as shown in the attached image.
Not working. And it’s and image banner not a slideshow image btw. When I try to justify the text to the right, this is what I get.
I want the full text to appear on the right side of the image in the black space.
I saw you made some changes on your website. Were you able to fix the issue?