Show full title in Masonry display

[jeremiahzac]

Hi Folks,

Hoping you can help me out with this one.

By default, the masonry display doesn’t show the full title of the post, so I’ve used this code to get it to display the full title:

.h-entry-cover span {
text-overflow: inherit;
white-space: pre-wrap;
}

It’s almost there. However, as you can see in the photo, some of the longer titles are still cut off. Is there anything I can add to the code to make the heading shift upwards a little bit so that the rest of it isn’t cut off? All I need is to move it upwards about 20px so that the whole thing shows.

Looking forward to your suggestions!

Thanks in advance!

Jeremy

[Prasant]

Hello Jeremy,

Thanks for asking.

Further changes will require some custom development work which falls outside the scope of support we can offer.

However, as a work around you have the option of changing the font size. I checked your website but it seems that you are using Standard Layout. I don’t see Masonry layout. Having said that, please add following CSS under Pro > Theme Options > CSS:

.entry-header h2.entry-title {
    font-size: 80% !important;
}

Thanks.

[jeremiahzac]

Is there any way to remove the all-caps? I think it would save some space.

[jeremiahzac]

Actually, I figured it out!

Thank you guys.

[friech]

You’re more than welcome, glad we could help.

Cheers!