Shopify themes, liquid, logos, and UX
Hi Team. How can I adjust the text on my image banner to cut into 2 lines? Just like the image I edited below.
This what it looks like right now:
Store: Glowcare.se
PS: Glowcare1991
Solved! Go to the solution
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.banner__box {
max-width: 70rem!important;
}
.banner__buttons {
justify-content: center;
margin-left: 0!important;
}
.banner__box.content-container {
text-align: center!important;
}
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.banner__box {
max-width: 70rem!important;
}
.banner__buttons {
justify-content: center;
margin-left: 0!important;
}
.banner__box.content-container {
text-align: center!important;
}
It worked! Thank you.
How can I also make this text a bit bigger?
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
nav.header__inline-menu .link, .customer {
font-size: 20px;
padding: 2.2rem;
}
User | RANK |
---|---|
201 | |
173 | |
61 | |
52 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023