[John Hockaday]

Hi

I’ve got the $ 79 license; and I can download Gridder, and install and activate with the shortcode, but where do I see the settings…. ?

Cmap is showing as the default template.

Do I need to purchase an upgrade ?

Thanks

John

[Steven Zahm]

@ John

Navigate to Connections : Templates admin page and activate the Gridder template for use.

The settings for Gridder are shortcode options. Here’s the link to the Gridder Documentation.

Hope this helps, let me know.

[John Hockaday]

Got it – thanks :-)

I’m experimenting at

https://staging1.hhdba.com/member-directory/

Is there a way to get the entire logos shown (so smaller size) but with padding around them in white (so they appear in a large white block) but with a thin grey line separating each entry ?

Thanks again

John

[Steven Zahm]

@ John

Gridder was designed with using headshots in mind… what you want to do is possible but it would require editing the templates PHP file. Is this something you are comfortable doing?

[John Hockaday]

Hi Steven

I don’t mind editing them – if I’ve given the code to change :-)

Thanks

John

[Steven Zahm]

@ John

Ok, edit the card.php file found here:

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

Change this:

    <?php $entry->getImage(
        array(
            'image'    => $atts['image'],
            'height'   => $atts['image_height'],
            'width'    => $atts['image_width'],
            'fallback' => array(
                'type'     => 'block',
                'string'   => ''
                ),
            'style'    => $atts['image_opacity'] ? array( 'opacity' => $atts['image_opacity'], 'filter' => 'alpha(opacity=' . $atts['image_opacity'] * 100 . ')' ) : array(),
        )
    ); ?>

to this:

    <?php $entry->getImage(
        array(
            'image'    => $atts['image'],
            'height'   => $atts['image_height'],
            'width'    => $atts['image_width'],
            'zc'       => 2,
            'fallback' => array(
                'type'     => 'block',
                'string'   => ''
                ),
            'style'    => $atts['image_opacity'] ? array( 'opacity' => $atts['image_opacity'], 'filter' => 'alpha(opacity=' . $atts['image_opacity'] * 100 . ')' ) : array(),
        )
    ); ?>

If you make this change, you should review the docs on custom template override files so you can make this edit update safe.

[John Hockaday]

Thanks Steven

Making progress :-)

https://hhdba.com/member-directory/

Here’s where I’m going

I’m aiming to have a thin grey line between the entries
Centre the logos
Centre the overall table

If it’s all CSS, then that’s fine – although happy for instant solutions! :-)

Cheers

John

[John Hockaday]

Hi again Steven

There is a problem when we click on the logo or the + of the entry – the screen jumps back and away from the entry ?

Thanks
John

[Steven Zahm]

@ John

re: thin grey line between the entries

Add this to the theme’s custom CSS area:

#cn-gridder .cn-gridder-item {
    margin: 0;
    border: 1px solid grey;
}

Tweak as desired.

fyi, because the template was not designed with a border in mind … it’ll likely cause odd reflow issues.

re: Centre the logos

You’ll have to center the logos before you upload them. Wait… did you use the code I gave you unaltered? It looks like you change the crop mode from 2 to 3. PLease use Crop mode 2 and center the logo before you upload.

re: Centre the overall table

You can try this, though it could mess with the penal sizing:

#cn-gridder .cn-list-body {
    margin: 0 auto !important;
}

re: There is a problem when we click on the logo or the + of the entry – the screen jumps back and away from the entry ?

Looks the cause is the theme. The template is unable to properly calculate its position on the page so the auto scroll to code is acting “wonky” (that’s a technical term :) ).

I have a prerelease version of the next update I can send you which removes the auto scroll to feature. Do you want an advanced copy?

[John Hockaday]

Hi Steven

Yes please on the pre-release version. Will that mean it just opens where the click is ?

I tried the above ideas and have gone back to the standard page width as on balance it looks best

The table would still be best centred or at least if boxes were wider then it fill the width better

Not sure how to centre the images on upload?..they are centred within themselves…maybe a left margin on the boxes containing them here ?

Thanks for your help :-)

John

[Author]

Posts