[Oliver Voigt]

Hi

For some reason, in mobile/tablet view, email addresses are not being displayed correctly. In Firefox everything looks fine.

Any advice?

Many thanks
Oliver

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Oliver

Can you please try updating to the latest version of Tile Plus, it’s version 4.0. It has had many CSS tweaks. Not sure that it’ll solve the problem though due to the length of the email addresses — line-breaking support for email addresses in browsers is really hit or miss.

[Oliver Voigt]

Hi Steven,
thanks for your message.

Unfortunately, now the directory doesn’t show at all. I have uploaded the updated tile-plus to the plugin directory as outlined in the manual.

I cannot seem to find the mistake.

http://www.gymnasium-brake.de/personen/schulleitung/

Any help?

[Oliver Voigt]

Sorry, silly me… got it in the end.

Unfortunately, the old formattings have been lost now.

E.g. I had 4 entries in a row and for some reason the cards now display all entries again but on this page I was able to not display the department text before. Can this be achieved somehow?

http://www.gymnasium-brake.de/personen/kollegium-2/

[Steven Zahm]

@ Oliver

To get it back to 4-across, you need to tweak the width a bit. I see you have it set to 208px, changing it to 206px should do the trick.

Perhaps you altered the CSS to hide the dept before? If you add show_org="false" to the shortcode, that will hide the department field.

It looks like the email addresses display better now, though it does look like you need to tweak the height a bit as some are getting cut off on the bottom.

Hope that helps!

[Oliver Voigt]

Thanks Steven, yes that sorted the width issue.

However, re the department info:
I’d like the organisation field to be displayed but not the department info without having to change every entry manually. Is there a way?
I’m convinced I had this before updating.

[Steven Zahm]

@ Oliver

CSS can be used to hide the department name … maybe you had tweaked the CSS file in the previous version to hide it. Any way here’s the CSS you need to hide it.

#cn-list span.organization-unit {
    display: none;
}

I recommend creating a custom CSS file for the template, following the instructions in this QuickTip

Using the method in the QuickTip will ensure when you update the template, you will not lose the change.

Hope that helps!

[Oliver]

Hi Steve,

thanks for the code. I’d like to achieve this effect on a single page, not for the whole connections package. Can this be done?

[Steven Zahm]

@ Oliver

Assuming the only page you want to hide it on is this one:
http://www.gymnasium-brake.de/personen/kollegium-2/

This should work:

.page-id-204 #cn-list span.organization-unit {
    display: none;
}

If that is not the page you want to hide it on, just change 204 to the correct page ID.

[Author]

Posts