[Jody]

Please excuse my crosspost – wasn’t sure if replying in the Pre-sale forum was appropriate even though it was a continuation of the same discussion – question on Reply #296013:

Steven,
Thank you for your reply. I have downloaded and activated cMaps.

I added the following shortcodes to remove the gradient and gray background (as well as some other things):

[connections background_color="transparent" background_gradient=FALSE str_work_addr='' str_work_phone='Phone' enable_bio_head=false str_bio_show='Read More' str_bio_hide='Close' str_image=' ' str_tray_image=' ']

Created a custom css file to remove the borders, however I cannot figure out the correct CSS to use to highlight the sponsors as you indicated:

If you choose to set these apart visually, you can do so with some CSS by creating a custom CSS file for the template. (Reply #296013)

I have tried numerous variations of the CSS using “attrib”, combinations of slug/ID/category name, etc.

You can see my directory at: http://66.147.242.161/~amblerma/directory/

Category Names [slug] & (IDs):
Platinum Sponsor [platinum] (ID# 23)
Gold Sponsor [gold] (ID# 22)
Silver Sponsor [silver] (ID# 21)
Bronze Sponsor [bronze] (ID# 13)

Also, are we forced to have all logos the same size with a white filler background? Our previous site allowed for different sized (square, vertical and horizontal logos).

I appreciate any help you can provide. We have hours invested in setting up this directory thinking we could modify to meet our needs.

Thank you,
Jody

[Jody]

Okay. I got the CSS code to work – clunky, but it works.

Also, are we forced to have all logos the same size with a white filler background? Our previous site allowed for different sized (square, vertical and horizontal logos).

Still wondering about the logo sizing and if we can do min-height / max-height? Problem is on upload of image the graphic is sized.

Thanks,
Jody

[Steven Zahm]

@ Jody

I took a look at your site. The custom CSS seems a little overdefined, but if it gets the results you want, all is good. Although, something like this should have been sufficient:

#cn-cmap .gold .cn-entry {
    background-color: #f3e6b3 !important;
}

Yes, all the logos have to be the same size, sorry. The only thing that could be done as a work around is change the logo size to the desired on the Connections : Settings admin page under the Images tab and then edit the entry and upload your logo. Repeat for each entry where you want a different logo size. Ort another option would be to preprocess (scale/crop) the logo to the desired size (matching the settings) adding the appropriate colored padding. Looking at your site, it seems you’re using the later method.

I hope that helps!

[Steven Zahm]

@ Jody

There is another option for the logo size, see this FAQ:
http://connections-pro.com/faqs/how-do-i-change-the-image-size/

I think that FAQ has the solution you want.

[Jody]

Steven,

Thank you. I’ll give the alternative option (dynamically resizing a try). I did manually create some logos, but that will be cumbersome going forward and impossible for anyone else involved to do :)

Thanks,
Jody

[D Jo-Ellen Richwagen]

None of these solutions solved the problem.

We want to maintain the aspect ratio of the logos (1:1, 2:1, 3:2, etc.) without a white background filler. Either it stretches & distorts the image or crops it inappropriately.

Another solution would be to set the background color of the image (from #FFFFFF) to #f3e6b2.

I tried adding to the timthumb-config:
define (‘DEFAULT_CC’, ‘f3e6b2’);

That did not work, so I edited the timthumb.php file to:
define (‘DEFAULT_CC’, ‘f3e6b2’);

That did not work either. Is there somewhere else I can change the “filler” from white to #f3e6b2?

This directory is holding up the launch of the website. We really need to get this resolved.

Thank you,
Jody

http://66.147.242.161/~amblerma/directory/

[D Jo-Ellen Richwagen]

I think I found where to make the background color changes: class.upload.php

However, would any updates override the changes I made? Is there another file where the customized code is housed?

Thanks,
Jody

[Steven Zahm]

@ Jody

The next version of Connections, in beta now, has completely revamped the image processing. Two important improvements include the removal of both third party libraries, TimThumb and class.upload.php, and responsive images with support for high density displays (retina).

This overhaul also includes one particular feature ideally suited for you situation. A new crop mode has been introduce (formally Ratio) which is perfect for logos … “Resize proportionally adjusting the size of scaled image so there are no margins added.” Put another the image will be scaled proportionally, it will not be stretched, to beta fit the dimensions entered without adding any margins (filler) at all.

Another nice change is that now when image size settings are changed, no longer do you have to reupload the image, it’ll be rescaled from the original and cached on demand.

If you’d like, you could run the beta. At this point I consider it production ready code … until I start in on the next major enhancements.

[Jody]

This reply has been marked as private.

[Author]

Posts