[Adam]

I’m trying to figure out how to add info to the Panel Contact Info box. I want it to display our volunteers’ hometown (address), Education (college), and link to their blog (if they have one). I’m not really a php writer, and I have a feeling this is the skill needed to do something like this. Any help is much appreciated!

Thanks!

PS – the directory can be seen here.

[Steven Zahm]

@ Adam

In order to add additional contact info the template’s PHP file and CS will have to altered. If this is something you feel you can edit, then I can provide some guidance. If not, I do provide customization services. Just let me know.

[Adam]

Ok, thanks. I am comfortable with editing files, moving things around, etc. However, my knowledge of programming is limited. I will see what I can do…

[Steven Zahm]

@ Adam

Open the card.php and card-single.php file found in this folder:

../wp-content/plugins/connections-gridder/

Add the following to the card.php files:

$entry->getAddressBlock();

$entry->getLinkBlock();

These must be placed between <?php and ?> tags otherwise the code will just show up as text in the template rather than being ran. So, try pasting them in at line 84\.

The reason for opening card-single.php is for reference. YOu’ll find the same functions use in that file to display addresses and links.

Now, the harder part. You will not likely be able to see the info because the default font-size will be “ de to how the template is styled so it functions correctly (tiled). So, you’ll need to add CSS to set the font-size and line-height so it is visible. Something like this might work (not tested):

#cn-gridder .cn-gridder-contact span.address-number-block,
#cn-gridder .cn-gridder-contact span.link-address-block {
    font-family: sans-serif;
    line-height: 14px;
}

You would add this to the theme’s custom CSS area.

If you decide to alter the files, please take a moment to read the tutorial on custom template override files to make these changes update safe.

Hope this helps!

[Adam]

This reply has been marked as private.

[Steven Zahm]

@ Adam

Use this CSS:

#cn-gridder .cn-gridder-contact span.address-block,
#cn-gridder .cn-gridder-contact span.link-block {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 14px;
}

That should work.

[Adam]

This reply has been marked as private.

[Steven Zahm]

@ Adam

Thanks!

If you have a moment I would truly appreciate a review as they really do make a difference. Many thanks in advance!

https://wordpress.org/support/plugin/connections/reviews/

[Author]

Posts