[Resolved] Lightweight Grid Columns – Put Borders

[Mary Pearson]

I’m not sure if this is the right place to post this for Lightweight Grid Columns. Please let me know if it is not, and I will re-post wherever you say.

I have used Lightweight Grid Columns on my page at https://plantbest.com/ca/

I would like to put borders between each of the groups, both vertically and horizontally.

Can you please lead me to documentation on how to do this, if there is any (I haven’t been able to find any), or if not, can you give me some idea of how I approach it please.

Many thanks!

[Tom]

Hi Mary,

Give this a shot:

.inside-grid-column {
    border-bottom: 1px solid #DDD;
    height: calc(100% - 1.5em);
    border-right: 1px solid #DDD;
    margin-bottom: 0;
}

.lgc-last .inside-grid-column {
    border-right: 0;
}

[Mary Pearson]

Thank you so much Tom! That’s perfect! Much appreciated!

[Tom]

You’re welcome 🙂

[Thierry]

hello,

how to target the last line ?

[Tom]

The last column?

[Thierry]

no, i want hide the border bottom of the last line on my table.

[Tom]

Can you link me to your site?

[Thierry]

isn’t online but this is the screenshot

https://postimg.org/image/nfk4d85w1/

[Tom]

You would have to give that column a class, and then target it with CSS to remove the border.

[Thierry]

ok thank you

[Tom]

No problem 🙂

[Author]

Posts