[Resolved] reduce the space between the title and description in the articles section

[Janani]

Dear Team

I have a unique problem in my home page under my articles section – where the list of three articles are given – their titles and brief descriptions. There seems to be no space between the title and description of the first article, because the title is small and in one sentence – and so this seems to be misaligned as compared to other two articles. Can you please help me correct this issue? I used  ,   and   after the title, but this did not serve the purpose. Can you pls help rectify this issue?

[Fernando]

Hi Janani,

Yes, we can help you try to fix it. To clarify, are you referring to aligning the descriptions of the articles?

If so, the titles above them are relatively different in length. Thus, when one wraps, the spacing becomes different. One way to address this is to limit the title to a number of characters.

Another approach is to give the titles a minimum height. For instance, try adding this through Appearance > Customize > Additional CSS:

div#generate-section-9 .devshishu-articles .inside-grid-column  h2 {
    min-height: 60px;
}

You may alter the 60 value to your preference. This should relatively align the descriptions but not for all views. You’ll need to increase the min-height if you want them to align on all views.

[Janani]

Dear Fernando

Thank you for your excellent support! As always, grateful to your team for your service.

[Janani]

Marking as resolved

[Fernando]

You’re welcome, Janani!

[Author]

Posts