Icon Box minimum height

[Kyle – SUPPORT]

Change it to the icon box asset instead of the shortcode, no need for the text box

– Kyle

[fmora617]

Ok, but how do I add an asset background to it? I don’t see that option.

Sorry for all the questions. Thanks again!

[Kyle – SUPPORT]

Ok I’ve set it up for you, please check it

– Kyle

[fmora617]

Looks great Kyle! Thank you!

I would like to know how you did this for future pages. Looks like you added a Row element and then added other page builder elements within the Row element?

Where was this Row element? I can see it being extremely useful for me in other pages.

Fabian

[Kyle – SUPPORT]

It’s under the ‘Layout’ tab

– Kyle

[fmora617]

I see it! Wish I knew earlier. Thanks for all your help Kyle.

Fabian

[Kyle – SUPPORT]

No problem

– Kyle

[fmora617]

Hi –

I used the height CSS element to size the boxes on this page (http://dev.fmora.com/?page_id=12316) to be equal to each other. However, it does not look correct on a mobile device (phone).

Here is the CSS I am using:
.page-id-12316 .sf-icon-box[class*=”sf-icon-box-boxed-“] .sf-icon-box-content-wrap {
height: 450px!important;
}

I tried using the min-height element but that did not work for me.

Any ideas?

Thanks!
Fabian

[Kyle – SUPPORT]

Hi

Instead use:

@media only screen and (min-width: 768px) { 
.page-id-12316 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
height: 450px!important;
}
}

– Kyle

[fmora617]

Perfect! Thank you!

[Kyle – SUPPORT]

No problem

– Kyle

[outlawzz]

Hy and good morning,

I have sort of the same problem, i placed 3 “boxed content” elements in one row. Can i you tell me if there is an options for “equal height”? i want them to have equal height on every screen.

Produktionsbetriebe optimal planen

thanks in advance
Stefan

Attachments:

You must be logged in to view attached files.