Zoom Box Text Not Center Aligning

chromatic108 · July 2018

Hey, I've tried a whole bunch of things to get this text in one of my zoom boxes to center align, but it simply will not work. I'm suspecting because it is a long title? Any suggestions on how to fix this in the Muffin Builder?

It is the 3rd zoom box from the left titled "Live Entertainment."

https://garymusick.com/

I couldn't find anything in the documentation files about this or here in the forums. Any thoughts?

Bryan · July 2018

Hello,

yes, this is because the word is too long and does not fit. Try this css, it will break the word:

.zoom_box h1 {
	word-wrap:break-word;
}

chromatic108 · July 2018

Thanks, Bryan!

This did work like you said but wasn't the effect I was going for. I am going to use image hover and simply place the text as a part of the hover image as a workaround. That way I can shrink the words to slightly less than my H1 and have it fit perfectly.

Zoom Box Text Not Center Aligning

Comments