Post Carousel Text Length and Size

[gsbook]

Hi Team,

Can someone please give me a code to add to the CSS so that Post Carousel (in Ethos) would show the entire length of the title? Right now it’s cut off and I’d like for it to be the entire length of the title.

Also, I found a code on your forum about how to change the caps lock letters in the title to a normal size but then the letter size becomes way too small. Is there any way to use the normal letters but increase the title’s size (so it would be actually similar in size to the caps lock) ?

Thanks so much in advance! You guys are such a GREAT help! Don’t know what I would do without your forum and outstanding support.

[thai]

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

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

Let us know how it goes!

[gsbook]

Yep, it worked - thanks so much!

But my second question is - how can I make the letters a bit bigger? I’d like the “normal size” letters to be similar in the actual size to the caps lock letters since it’s a bit hard to read them.

Thanks a ton in advance!

[thai]

Hi There,

Please change the previous code to this:

.h-entry-cover {
    text-transform: none;
    font-size: 18px;
}
.h-entry-cover span {
    text-overflow: inherit;
    white-space: pre-wrap;
}

Regards!

[gsbook]

Worked like a charm! Again - THANKS so much!!!

[mldarshana]

Glad we were able to help

[gsbook]

I’m sorry to bother you guys again but there’s just one small problem - the text doesn’t fit if it’s just a tad longer. Is there any way to make the title length more responsive? Here’s an example (the last word is cut off):

[Prasant]

Hello @gsbook,

Please add following CSS under X > Launch > Options > CSS:

.h-entry-cover {top: calc(100% - 7em);}

Thanks.

[gsbook]

Yep it worked - a thousand thanks guys!!!

[Prasant]

You are most welcome.