Archived topic

content boxes

3 replies · Started by Mike on September 24, 2018

Viewing posts 1–4 of 4

September 24, 2018 at 9:52 am #685211

Please excuse me

For a question having nothing to do with the theme?

I am using the Lightweight Grid Columns plugin which makes life easy for columns, and

I use this css to make content boxes ant it works great inside the grid columns — except — I need the content boxes to be the same length, no matter the content.

Here's an example https://standingtowork.com/29-2/

and the css https://standingtowork.com/43-2/

Or even if there's a better way for me to do this...https://www.productexpert.com/gifts-for-runners/

I don't really know whether to attempt to make the columns come out even or the css boxes?

I would definitely appreciate any words of wisdom you could offer

Thanks
Mike Mahaffey

September 24, 2018 at 10:43 am #685247

Hi there,

you can try this CSS instead for your current set-up:

.inside-grid-column {
    height: 100%;
}

.content-box-gray {
    border: 1px solid #28B914;
    background: #F9F9F9;
    height: 100%;
}

.content-box-gray .content {
    overflow: hidden;
    padding: 10px;
    font-size: 17px;
    border-top: none;
    color: #111111;
}

.content-box-gray .title {
    line-height: 30px;
    background: #28B914;
    font-size: 18px;
    font-weight: bold;
    font-family: verdana;
    display: block;
    color: #ffffff;
    display: block;
    padding: 10px;
    border: 1px solid #28B914;
    border-bottom: none;
}

September 24, 2018 at 11:02 am #685266

David

I just can't tell you how much I appreciate your help.

I generally have no idea what I'm doing, but have spent hours googling for the answer to no avail.

I really appreciate your help

Mike Mahaffey

September 24, 2018 at 12:14 pm #685328

Thats awesome Mike. We're more than happy to help with HTML and CSS :)

This archived topic is closed to new replies.

Start building better websites today.