Service Boxes – Fixed Height

[stevehb]

Hi

I would like to make a set of service boxes that all use the same height even when the text in them is different amounts.

I have updated the style.css to say this…

.boxpattern-1{min-height:2000px;width:25%;text-align:center;float:left;margin:0 0 2.5%;padding:.5% 1.5% 0}

I’m using min-height:2000px to make it stupidly BIG to see if it works but it doesn’t!!!

If I change it to…

.boxpattern-1{height:150px;width:25%;text-align:center;float:left;margin:0 0 2.5%;padding:.5% 1.5% 0}

Then it makes the box smaller than the content… So I know this is the line in the CSS that is affecting the box.

Here is a screen shot of what it looks like and I have marked what I want to happen.

Please DO NOT ask for a login to the site as it is a client site and they won’t allow it. Instead please post the code that I need to add/change and tell me which files it is in.

Thanks you.

[Sonnal S Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Brad

[stevehb]

Again I will email as the forum is not showing the screenshots I have attached

[Sonnal S Sinha]

Okay

[Sonnal S Sinha]

Hi,

You have not mentioned your website URL on email.

Regards,
Brad

[stevehb]

Excuse me!!! The URL was right at the top of the email I sent!!!

Here is a picture of the email I have uploaded to Imgur

[Sonnal S Sinha]

Hi,

We checked, all the boxes are the same height

Have a look at:

https://imgur.com/a/akdojca

Regards,
Brad

[stevehb]

Brad

THAT IS NOT AN ACCEPTABLE ANSWER!!!

That is because there is Lorem Ipsum in the boxes!!!

When the boxes have different amounts of text in they go to different sizes!!!

Please answer the VERY BASIC question… How do I set and fix the height of the boxes so that when they have different amounts of text in them they will all be the height that I have set them to???

Thank you
Steve

[Sonnal S Sinha]

Hi,

Kindly use this CSS

.boxpattern-1 .serviceboxbg {
    min-height: 430px;
}

Regards,
Brad

[Author]

Posts