Max width of description before wordwrap

@ rhwimmers

Looks like you are applying you own custom CSS to create a two-column layout. You’ll going to need to add something like this too:

#cn-list div.cn-entry > span:first-of-type {
	max-width: 50%;
}

Yeah that’s right, what we have to do for each page we want that on is below:

.page-id-50 .cn-entry > div > div span, .page-id-50 .cn-entry .given-name, .page-id-50 .cn-entry .family-name, .page-id-50 .cn-entry .additional-name { font-weight: normal !important; font-size: 14px !important; }

.page-id-172 .cn-entry > div > div span, .page-id-172 .cn-entry .given-name, .page-id-172 .cn-entry .family-name, .page-id-172 .cn-entry .additional-name { font-weight: normal !important; font-size: 14px !important; }

So that shows the custom css for two pages (172 and 50) – so you are saying just add the #cn-list to the end of each of these?
Thanks!

@ rhwimmers

re: so you are saying just add the #cn-list to the end of each of these?

No… add it after those so it is like this:

.page-id-42 .vcard.mt-zion{  float: left; width: 48%;   margin: 0 1% 1% 0; }

.page-id-44 .vcard.ebenezer{  float: left; width: 48%;   margin: 0 1% 1% 0; }

.page-id-46 .vcard.joseph-wheatley-sr{  float: left; width: 48%;   margin: 0 1% 1% 0; }

.page-id-48 .vcard.piner{  float: left; width: 48%;   margin: 0 1% 1% 0; }

.page-id-50 .vcard.morris{  float: left; width: 48%;   margin: 0 1% 1% 0; }

.page-id-52 .vcard.methodist-chapel{  float: left; width: 48%;   margin: 0 1% 1% 0; }

.page-id-172 .vcard.rubush{  float: left; width: 48%;   margin: 0 1% 1% 0; }

#cn-list div.cn-entry > span:first-of-type {
	max-width: 50%;
}

If you want it to only affect those two pages then you to limit the selector like so:

.page-id-52 #cn-list div.cn-entry > span:first-of-type {
	max-width: 50%;
}

Adjust accordingly. Have fun!