auto-fit title

[monere]

Hi,

is there a way (a CSS rule maybe) for auto-fitting post excerpt’s title on the home page within the same row? The website in question is http://www.justbeatit.net, and you can see on the home page that 2 out of the 4 posts I have have longer titles than the other 2, so they have to continue on a second row. Well, I’d like those 2 titles to fit in one row, but I can’t find a CSS rule for this (I searched on w3schools).

Now, thinking more about it I assume I could reduce the font size of the titles on a per-page basis (and I’ll do this should no better option exist), but I’d like to use a rule that does this on an overall scale (so, for future posts, too, should those also not fit on one row).

Any tips?

[scrambler]

If you are actually asking if you can make a phrase with 10 words be as long as phrase with 5 words (apart from making the font half the size for these), this is not with CSS, but with Harry Potter 🙂  Joke aside, even it the font size could adapt based on the length of the title, I don’t think it would look nice.

A better (and feasible solution) would be to have purple title bars to all have the same height regardless of how much text is in them. That we can do with the rule below in Main options > Post Specifics > Post Title > Post Title BG CSS+ box

{min-height:55px;}

To make sure they are always aligned between columns, you would need to use display post as two columns but not masonry.

[monere]

interesting! As usual, I had no idea about any of these… And also as usual, MANY thanks for the help 🙂

[Author]

Posts