Shopify themes, liquid, logos, and UX
I would like to move the text and button on my hero image. This is my website currently https://www.tanmadonnas.com/
The image below is how I would like to move the text and button. I would also like to be able to have a border with a customizable color fill around the text. I would also like to be able to customize my button. I use the Dawn theme.
Solved! Go to the solution
This is an accepted solution.
@patricia0928, you can change the size & position by changing the following css.
.banner__box {
position: absolute;
top: 0; // e.g. 10rem, 100px, or 25%
left: 0;
right: 0;
bottom: 0;
width: auto; // e.g. 10rem, 100px, 25%, or 25vw
min-width: 45rem;
max-width: 89rem;
}
.banner__box {
background-color: #fbf5e6;
}
.banner__heading,
.banner__box {
color: #040404;
}
.button {
background-color: #f2b578;
color: #040404;
}
How would I go about changing the positioning and size of the banner box? Do you know where in the code I could change that?
This is an accepted solution.
@patricia0928, you can change the size & position by changing the following css.
.banner__box {
position: absolute;
top: 0; // e.g. 10rem, 100px, or 25%
left: 0;
right: 0;
bottom: 0;
width: auto; // e.g. 10rem, 100px, 25%, or 25vw
min-width: 45rem;
max-width: 89rem;
}
Thank you, this is sort of working but, I am using an older Dawn theme (I don't want to update because there are code changes) This code doesn't seem to be working for my Dawn version. I keep trying to move the text box to the left side of the image banner but it is not moving past the middle.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024