[Nora]

Hello,
I’m having a dilemma with the way this template is displaying the logo/image I’ve placed in the entry as the same size and same image for both logo and photo. How do I get this to resize to fit this display: Desktop Display: Member detailed display – the logo is cropped…?
I’ve created all imaged to be the same size upon upload (this is a new directory I’m building).
The software is resizing this but I can’t seem to get it to correct. Do I need to ad special CSS?
Can you provide me with that?

I’ll attach a screen shot of what it’s doing and how I wish it would display as well.

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Nora

Slim Plus create is required thumbnail size. To get the logo to display the way you need, not cropped, you will need to manually create the correct aspect ration before you upload. Here’s a FAQ which explains how.

It’s a bit technical, but I hope it helps!

[Nora]

Thank you Steven,
The info you provided is helpful. I did review this but I’m still not understanding. I’m sorry … I just need a little more clarification.

I have the template “Slim Plus”
I want that template to show the Logo (not the image) on the display after the user clicks on entry. I have resized/cropped and manually uploaded all the files as instructed to do so per these FAQ instructions you’ve provided.
but…I must be missing something.

On the first screen you see here I have a very nice display – the one I expected to see – of the entry. This is what the template looks like when I’m in the WP Dashboard Settings for the template(I hope that makes sense). However, I don’t get this same display on the actual page (second screen shot).

How do I get the display to look like it does on screen shot 1 on my actual live page (screen shot 2)?

Does that help clarify my confusion or just make things more confusing…
ahhhhh… lol… Thank you so much Steven!

[Nora]

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

RE: On the first screen you see here I have a very nice display – the one I expected to see – of the entry. This is what the template looks like when I’m in the WP Dashboard Settings for the template(I hope that makes sense). However, I don’t get this same display on the actual page (second screen shot).

The first screenshot shows a completely different template, not Slim Plus. It looks like the Default Template. The Slim Plus template has not yet been updated to support the Template Customizer.

I’ve taken a look at the image for “Advanced Eye Care of Covington” and the uploaded image is not sized as the FAQ says.

The original image has dimensions of 1052 x 382px. To get the image crop correct for Slim Plus you need to make the image taller. Using the FAQ…

( 120 / 100 ) * 1052 = 1262

So the new image size is 1050 x 1262px.

I’ve attached an updated image so you can see.

This might be easier… the default crop mode in Connections is centered weighted. It is a very common default in plugins and themes. Ideal for subjects in a photo is in the center; eg. profile photos.

This default crop mode can be change thru a bit of code:

Install the Code Snippets plugin and add a new snippet with this code:

function cn_output_default_atts_image_filter( $atts ) {

    $atts['zc'] = 2;

    return $atts;
}

add_filter( 'cn_output_default_atts_image', 'cn_output_default_atts_image_filter' );

Save and Activate the snippet to run on the site’s frontend only.

This will scale the image down and instead of center cropping, it’ll add white space to fit the image dimension.

Hope this helps!

Attachments:

You must be logged in to view attached files.

[Author]

Posts