Image text and button - Studio Theme

Solved
GeeKyuu24
Explorer
108 3 13

Hi Team. How can I adjust the text on my image banner to cut into 2 lines? Just like the image I edited below. 

Example image (1).png

 

This what it looks like right now: 

GeeKyuu24_0-1698056446202.png


Store: Glowcare.se
PS: Glowcare1991

Accepted Solution (1)
ZestardTech
Shopify Expert
5300 950 1260

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;
}

 

ZestardTech_0-1698057479355.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 3 (3)
ZestardTech
Shopify Expert
5300 950 1260

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;
}

 

ZestardTech_0-1698057479355.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
GeeKyuu24
Explorer
108 3 13

It worked! Thank you. 

How can I also make this text a bit bigger?

GeeKyuu24_0-1698057897094.png

 

ZestardTech
Shopify Expert
5300 950 1260

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;
}

 

ZestardTech_0-1698059621659.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing