Formatting Modifications

@ Robert

re: Our principal distress is the font size for the names in the panel display. We have a lot of entries and need to keep the number of entries per row high. (Using the hover scheme helps but we’d rather have the names always showing.) A shortcode for the font size would be a great addition for anyone uncomfortable with touching the program. In absence of a shortcode, in order to change the font size, can you give simple instructions for how to modify which Gridder files?

I’ll take the suggestion into consideration when I update Gridder to use the new Template Customizer (not likely to add a shortcode option). Here’s a Some CSS you can add to the theme’s custom CSS area which will reduce the font size of the entry name.

#cn-gridder .cn-gridder-overlay .fn {
    font-size: 10px !important;
    line-height: 10px !important;
}

re: Also, as we now have it, the director panel uses only 1/3 of the available horizontal space on the page. How do we increase that in order to take advantage of the full pate width?

This is defined by the theme. The theme has set the max-width of the page content to be 604px wide. There is nothing I can do about that, sorry. The best suggestions I can offer are…

• Many theme’s provide alternate page templates. Often they include a “full width” page template. Edit the directory page… if the theme provides page templates, it will be shown as an available option show in the Page Attributes section.
• Contact the theme’s author. Maybe they can provide an update to add a full width page template.

re: In the profile view with a long name, the conflict for space pushes the image above the name,where it ends up far above the contact information.

The theme uses a very, very large font for its h2 tags. To reduce that to a more sane size which will fix the image placement, add the following to the theme’s custom CSS area:

#cn-gridder h2 {
    font-size: 16px !important;
}

re: Replacing ‘personal email’ by ‘email’ works but not ‘home phone’ by ‘phone’ or ‘cell phone’ by ‘cell.’ What’s going on?

This only happens when there is something wrong with the shortcode… most often this ends up being stray HTML in and/or around the shortcode. Edit the page where you inserted the shortcode and its options, delete it and use the one below… I tested to ensure that it does work. Make sure you copy/paste into the Text tab of the page editor and not the Visual tab

[connections template= "gridder" show_alphaindex='true' enable_search=true overlay=none image_opacity=.8 image_width=108 image_height=144 str_home_addr='unit' str_home_phone='phone' str_cell_phone='cell' str_personal_email='email']

re: When we first installed the opacity shortcode it worked but now it does not. Any ideas?

Likely because of the same reason as my previous answer.

re: In SLIM PLUS, how can we remove the “select category” button from the display?

It can be removed with the enable_category_select shortcode options for Slim Plus. Like so:

[connections enable_category_select=false]

Hope that helps!

@ Bob

re: Unfortunately, when you write, “Here’s a some CSS you can add to the theme’s custom CSS area which will reduce the font size of the entry name,” you have overestimated the technical abilities of this user. Into what specific file is the code to be entered and how do I find where in the file it is to go?

Apologies!

You do not need to edit any files… add the CSS to the theme’s custom CSS area. Most themes have these. There is no way I can answer where this is because that really depends on the theme. If your theme does not have a custom CSS area, then I recommend using the Custom CSS plugin to add custom CSS.

Hope that helps!