Shopify themes, liquid, logos, and UX
Could someone please tell me the code to centre the text on my website highlight. I can't figure it out & it's doing my head in 😛 Thank you! Have attached a screenshot of the highlight in action.
I tried .highlight__content-container {text-align: centre} which did not work. My website is narrative theme. I wouldn't mind it being general code so anytime I use a highlight it would be central. Thanks!
Solved! Go to the solution
This is an accepted solution.
try this code please
.highlight--align-top .highlight__content-container, .highlight--align-top .highlight__image-container {
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center;
text-align: center;
}
@annyeryn29- spelling mistake in word center , you have put centre... change it to center, it will look like screenshot below
This is an accepted solution.
try this code please
.highlight--align-top .highlight__content-container, .highlight--align-top .highlight__image-container {
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center;
text-align: center;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024