[Plugin: Participants Database] Hiding a Field Without Data on pdb_single Page

Can anyone help with this?

dhobeika,

Yes, there is a way. When a field is blank, it’s wrapping element is given a class of “blank-field” so you can alter how it is displayed in your theme stylesheet.

The simplest thing to do is just:
.blank-field { display:none }

Note that these are general instructions, you may need to do things a little differently depending on your theme.

Thanks so much! This works great!

One other question — I have several photo upload fields. Is there any way to have the photos display as thumbnails (maybe around 150 px wide) and then people can click on the thumbnails to get a bigger image?

I tried adding dd.photo_1 to my stylesheet and setting a max width of 150 px but that didn’t work right.

Thanks again!

dhobeika,

OK, the best way to resize images using CSS is to set either the height or width of the image and set the other dimension to auto like this:
img { width:150px; height:auto }
Don’t use that code as-is, obviously! Your example has the selector “dd.photo_1” if it’s the IMG that has the class of “photo_1” you’ll be fine. The rule has to target the IMG tag directly. If you’re expecting images smaller than that, you can use “max-width” to prevent enlarging the image, but you’ll have to include “display:block” for it to work in most browsers.

How would I get the thumbnails to link to the full size image?

Is there any way to get the thumbnails to link to the full sized image? Thanks!

Please let me know where and how the field to hide empty fields would go in my theme css. I’m not sure where to paste the code and if it should be exactly as shown in the example above. Thank you.

Any update on how to get the thumbnails to link to the full-sized image?

dhobeika,

No this is not possible at this time.

As an aside: it’s best to post a new thread if you have a new question…this thread was resolved, so your new question was missed.

ecn,

This would go in your theme stylesheet.