Service Boxes – Fixed Height

Home Forums Gravida Support Service Boxes – Fixed Height

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #116033
    stevehb
    Participant
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

    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.

    Screenshot of the problem

    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.

    #116050
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24832
    • Total: 24832
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Brad

    #116060
    stevehb
    Participant
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

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

    #116064
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24832
    • Total: 24832
    Member since: August 16, 2013

    Okay

    #116181
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24832
    • Total: 24832
    Member since: August 16, 2013

    Hi,

    You have not mentioned your website URL on email.

    Regards,
    Brad

    #116188
    stevehb
    Participant
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

    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

    Screen shot of email

    #116245
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24832
    • Total: 24832
    Member since: August 16, 2013

    Hi,

    We checked, all the boxes are the same height

    Have a look at:

    View post on imgur.com

    Regards,
    Brad

    #116259
    stevehb
    Participant
    • Topics: 12
    • Replies: 35
    • Total: 47
    Member since: December 28, 2018

    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

    #116262
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24832
    • Total: 24832
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

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

    Regards,
    Brad

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.