Skip to main content

EUREKA! Easy solution to lining up membership boxes

So I am sure a lot of you have noticed that when you define "member levels" if the names are more than one word, some drop down to a second line and all the boxes are different heights and alignment.

Maybe it is just me, but this was a total pain. So for instance this page: http://uchild.nationbuilder.com/give_monthly - the member level "impact investor" wasn't long enough to drop "investor" down to a second line and make it even with all the other boxes.

Simple solution: when you go to create your membership levels, if one of them is too short to drop down to a second line, just add <div> between the first and second word. So in my case when I made the label "Impact Investor" it looked like this "Impact<div>Investor."

I am sure there is a much more elegant way to do this, but my CSS programming is pretty limited, so this little hack works just fine for me!

 

Official response from

Discussion below in the comments!

Share this post

Showing 3 reactions

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.
Back to top