Iconbox height issue Gardening theme

[RED PILL Design]

Hi,

In the SKT Gardening theme I have an issue getting equal height on an array of iconboxes.
When I get it sorted on PC view, it differs on a tablet.
I want all six iconboxes to have the same height, regardless of the content, on all devices

Also on an iPhone the icon in the top middle iconbox in the array differs form the other five.

You’ll find the array of iconboxes in the “Le concept innofer” section on the homepage of
URL: https://www.agrifer.nl

Thanks in advance.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (min-width:768px) and (max-width:1023px) {
.elementor-10 .elementor-element.elementor-element-1220d3f3 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-77d0c6d0 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-59428e00 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-1e384a05 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-42db0379 > .elementor-widget-container { min-height:270px;}
}

@media screen and (min-width:1024px) and (max-width:1160px) {
.elementor-10 .elementor-element.elementor-element-1220d3f3 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-77d0c6d0 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-59428e00 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-1e384a05 > .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-42db0379 > .elementor-widget-container { min-height:190px;}
}

Regards,
Brad

[RED PILL Design]

Hello Brad,

Thank you for the reply.
I have pasted the CSS into the advised location.
Unfortunately it makes no difference.

Looking forward to your response,

With regards,
Hasso

[Sonnal S Sinha]

Hi,

Okay, Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Brad

[RED PILL Design]

Hi,

Did you receive the credentials I sent you?

Regards,

Hasso

[Sonnal S Sinha]

Hi,

This is done. Kindly check and confirm.

Regards,
Brad

[RED PILL Design]

Hello,

Thank you for fixing it.
Could you please tell me how?

Regards,

Hasso

[Sonnal S Sinha]

Hi,

Issue have been resolved from using custom CSS

Regards,
Brad

[RED PILL Design]

Hi,

I am building a new site (https://redpilldesign.nl/isc) quite similar to a previous one (www.agrifer.nl).
On this new one I have the same issue with the icon box heights on a tablet. On a PC and a phone it looks fine.

I’ve got this in de Custom CSS:
.elementor-10 .elementor-element.elementor-element-1220d3f3 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-77d0c6d0 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-59428e00 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-1e384a05 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-42db0379 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-5bd87e88 .elementor-widget-container { min-height:150px !important;} }

@media screen and (min-width:768px) and (max-width:1023px) {
.elementor-10 .elementor-element.elementor-element-1220d3f3 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-77d0c6d0 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-59428e00 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-1e384a05 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-42db0379 .elementor-widget-container { min-height:233px !important;} }

@media screen and (min-width:1024px) and (max-width:1160px) {
.elementor-10 .elementor-element.elementor-element-1220d3f3 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-77d0c6d0 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-59428e00 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-1e384a05 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-42db0379 .elementor-widget-container,
.elementor-10 .elementor-element.elementor-element-5bd87e88 .elementor-widget-container { min-height:160px !important;} }

Please advise.

Als I would like to know the optimal size for the featured image on a page. Noe the seem to get stretched across the width.

Thank you.

Hasso

[RED PILL Design]

Furthermore my client would like the entire Iconbox to be “clickable” instead of juist the icon. Is that possible? Or should I use a different widget for that.

[RED PILL Design]

Regarding #206335: I already solved that by using the EA Wrapper Link option of the Essential Addons plugin.

[Sonnal S Sinha]

Great!!

Regards,
Brad

[Author]

Posts