Services page - Align Excerpts

Hello

Where the title spills onto two lines, this then makes the excerpts misalign. Is there anyway to get the excerpts to be aligned vertically so they look tidier?

Regards

Janine

Hi,

Did you mean that you want to change the text-align to “justify”? If yes, then you use this CSS code below:

.service-content {
    text-align: justify;
}

If you want to keep the title centered, add this too:

h3.service-title {
    text-align: center;
}

You can add the code in above to Customize > additional CSS

Hi Awan

Ah that isn’t quite what I meant, I think I explained poorly (sorry)

I mean how do I get the excerpts to be equal distance from the last line of text on a service title, when the titles are 2 or 3 lines.

Screenshot attached

Oh I see…
Then please try to use this code instead:

@media only screen and (min-width: 992px){
    h3.service-title {
        height: 50px;
    }
}

You may want to change the height value if you needed.

Perfect! That fixes the problem :slight_smile:
Thank you

1 Like