Archived topic

Padding in success bar

3 replies · Started by Katharina on June 10, 2019

Viewing posts 1–4 of 4

June 10, 2019 at 3:30 am #924609

I created the success bar below my logos.
I tried it in two different ways but it's still not how I want it.
https://paste.pics/1419a88f1b0e83cbcb212bff15845931

I have this grid with the two lines in each section, I would like to have a small gap between the lines of words but an equal gab on top and bottom.

Thanks
Kati

June 10, 2019 at 4:33 am #924652

Hi there,

so this CSS to increase the line-height of your text elements and add a border between them:

.flex-grid h6, .flex-grid p {
    line-height: 40px;
}
.flex-grid p {
    border-bottom: 1px solid #fff;
}

Then in this CSS you have you need to remove the height property:

.flex-grid h6 { 
    font-size: 22px; 
    height: 20px; /* Remove me :) */
}

June 11, 2019 at 2:14 am #925603

Thanks David,
it helped me a lot.

June 11, 2019 at 3:18 am #925651

You're welcome

This archived topic is closed to new replies.