How can I center the text on my website highlight using code?

Store Design
1

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 :face_with_tongue: Thank you! Have attached a screenshot of the highlight in action.

www.annyanderyn.com

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!

annyeryn29_0-1636901965519.png
annyeryn29_0-1636901965519.png1366×768 138 KB

1 Like
2

@annyeryn29 - spelling mistake in word center , you have put centre… change it to center, it will look like screenshot below

suyash1_0-1636903953277.png
suyash1_0-1636903953277.png1366×768 124 KB

3

@annyeryn29

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