[Theme: Adelle] How do I wrap my blog title posts?

Add this to your css
.yourclass {white-space: normal !important;}

If this not work please share url of your site.

Thanks

Hi there, so that didn’t work. I changed the size so that way it doesn’t cut off, but inevitably there will be a post that will be too long even for the text size I have.

I have this in my CSS for the post titles if that helps:

.article h2.post-title {
font: normal 400 1.65em ‘Lora’, Serif;
margin: 10px 0 5px;
line-height: 1.2em;
}

I tried putting in .yourclass {white-space: normal !important;} and
.yourclass {
white-space: normal !important;
}

and neither helped.

My website is: https://www.polkadotsundaybeauty.com

But since my text is smaller so it doesn’t look bad with the run off, I took a shot of what I’m seeing on my end. https://imgur.com/EBqGTL6

Thanks

The main issue is that you have:

header, section.container {
background: #FFFAFF;
width: 1020px;
}

in your custom CSS, which forces your posts to be 1020px in width, regardless of the browser window’s size. Because of that, your post titles won’t wrap because the browser can fit them into the allotted 1020 pixels. You could fix it by removing that line, but do you remember why it was added in the first place?

I believe that was part of the original theme. If not, I’m not sure where or why it’s there.

Could it have been added when you were using a different theme? I’m reasonably certain that it’s not part of the original theme.

I’ve only ever used adelle though.

It was added in the same place where you’ve added this code from the second post in the thread:

.article h2.post-title {
font: normal 400 1.65em 'Lora', Serif;
margin: 10px 0 5px;
line-height: 1.2em;
}