topic Betreff: Custom Modules for Images in CMS Development

Custom Modules for Images

JWise2 — Fri, 25 Mar 2022 18:05:03 GMT

We have a custom module to showcase our Partner Logos that was built to keep our images at a set size. At present, it defaults to 125x125 icon. Based off what you see in the code, how do we get it to stop defaulting. We have made the adjustments on the side in the Content Options, but we are still limited on the size of the images.

Re: Custom Modules for Images

dennisedson — Mon, 28 Mar 2022 14:13:14 GMT

@JWise2 ,

It is most likely in a css file. Do you have a link to a page with the partner logos?

@A_Wessolly can most likely help if you have a bit more info 👊

Betreff: Custom Modules for Images

WMM_Inbound — Mon, 28 Mar 2022 14:45:42 GMT

Hi @JWise2 ,

its probably the case that it is set up in the CSS part of that module. Probably all images of the class "hs-partner-item" are limited to a maximum size of 125px. You can change this number in the CSS.

However, I would also advise to implement the function "image_resize_url".

This will crop the image to the maximum size and thus optimize the loading speed.

Reason: If you would load an image with 1200px width, it would only be displayed with 128px, but it would be downloaded in full resolution, which takes unnecessary loading time.

However, if you use the function, the image will be recalculated by HubSpot and is then also only 128px in size, although the original image was 1200px in size.

Hope this helps.

Andreas

Re: Custom Modules for Images

JWise2 — Tue, 29 Mar 2022 20:49:01 GMT

We haven't deployed the page yet, but we were using a custom module that was supposed to be for featuring partner logos. We just can't get it to allow us to change the image sizes. Here's a larger screenshot of the custom module items. None of the display conditions on the right actually work when editing the module on a page.

Betreff: Custom Modules for Images

JWise2 — Tue, 29 Mar 2022 20:56:30 GMT

Andreas,

Thank you for the response. We attempted to look into your solution but have run into a roadblock. Would the page be controlling the module? We weren't able to find the CSS you were referencing. Here's a more expanded image of the module settings. Even with the Display Conditions available in the module, we still aren't able to change the image sizes and keep them defined.

Thanks,

Jason

Betreff: Custom Modules for Images

dennisedson — Fri, 01 Apr 2022 20:22:08 GMT

@JWise2

Can you post a link to the page?

If not there, it is in another css file 🙂