Shopify themes, liquid, logos, and UX
Hi,
How do I adjust the button size (so it's bigger), and position on the image banner landing page for Shopify Dawn theme?
see below in red.
pass: reapis
Solved! Go to the solution
This is an accepted solution.
Hello @majaa
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
.banner__content.banner__content--middle-center.page-width {
position: relative;
}
.banner--desktop-transparent .banner__box {
position: absolute;
top: 20%;
left: 10%;
}
.banner__buttons a {
padding: 0 6rem !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This is an accepted solution.
Hello @majaa
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
.banner__content.banner__content--middle-center.page-width {
position: relative;
}
.banner--desktop-transparent .banner__box {
position: absolute;
top: 20%;
left: 10%;
}
.banner__buttons a {
padding: 0 6rem !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This works - thank you so much.
Hello @majaa
- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.
@media screen and (min-width: 750px) {
.banner__content.banner__content--middle-center.page-width {
position: relative;
}
.banner--desktop-transparent .banner__box {
position: absolute;
top: 20%;
left: 10%;
}
.banner__buttons a {
padding: 0 6rem !important;
}
}
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