That is great but how do I change the position of the text when I want to use a different image ?
Hi,
If you use different image then text by default center for this particular css given by me.
if you want to change text position top center then use :
.hero__inner .text-center {
align-items: flex-start;
justify-content: center;
}
if you want to change text position top left then use :
.hero__inner .text-center {
text-align: left !important;
align-items: flex-start;
justify-content: left;
}
Thank you.
3 Likes
Thank you so much for your help. Just one more question - only on desktop, can I make the text font larger ?
2 Likes
Hi,
You can change in theme.scss.css file line number 1612 in this line you can change plus or minus font size as per your requirement.
@media only screen and (min-width: 750px) {
.mega-subtitle–large {
font-size: 1.47059em;
}
}
Thank you.
3 Likes
thank you thank you thank you !
2 Likes