Zoom Box Text Not Center Aligning

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."


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

Comments

  • 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;
    }
  • 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.
Sign In or Register to comment.