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!
Discussion below in the comments!
Showing 3 reactions
Sign in with
Just a comment, not meant as criticism: using a BR tag would be cleaner from an HTML perspective. A BR simply includes a line break and doesn’t expect a matching closing tag, whereas a DIV means to start a new “division”, and expects a closing /DIV. Not closing it may cause problems elsewhere on the page.