Announcement problem, text doesn't wrap

Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome
Screenshot of problem : https://i.imgur.com/HrQCWYz.png
Who the problem concerns : All members
When the problem appeared : 13.11.2017 r.
Forum link : ( link is hidden, you must reply to see )

Description of problem

Hello!
I tried to create an announcement on my forum. Used CSS and HTML.
My problem is that on codepen or jsfiddle code works okay but when I put this code in Announcement field on Forumotion and send this I have a problem that text (not one long word but few paragraphs) won't wrap and it's scrolling horizontal, straight to right. It's annoying as I'd like to gave only vertical scroll.
Cannot find the code that can fix this.

I put the same code of announcement in field for post and it works okay.

I deactivated scrolling in announcement options.



Is there any chance to fix this?

Sorry for my English, not my first language.

Please post the code that you are using.  Post it with the code tags.

The first one:


The second one

So you have all them in one announcement?

Exactly do you mean the homepage message?

I don't. Two separate announcements but the main problem is the same - horizontal scrolling to right.
And yes, homepage message.

You can control the scrolling with the scrolling option above the list of announcements.

Yes, I know.
Like I said I deactivated it.

I want a scroll which only works for one column with a long text. Instead, there is no wrap for text and the only scroll is horizontal which is not what I wanted.

I see what you mean on your forum you can move the text from let to right but not up and down with the scroll bar at the bottom but the overflow is not put to the next line.

 Useful links:

• https://www.w3schools.com/cssref/css3_pr_overflow-y.asp
  
• https://stackoverflow.com/questions/6689412/difference-between-html-overflow-auto-and-overflow-scroll
  
• https://www.w3schools.com/cssref/css3_pr_text-overflow.asp
  

in you code for CSS files do you have the following

Code:

div {
    overflow-y: hidden;
}

Code:

div {
    text-overflow: ellipsis;
}

Hi!

I don't have any of those codes.
First one maybe hide the scroll at the bottom but that does not solve my problem. The second one it's not what I wanted, though it shows ellipsis.

I posted the code from announcement here

And as you can see there's no bottom scroll, just vertical. I don't know what affects code on announcement but this view in post it's my goal. To get only this vertical scroll.

Bump.

What height (AP) have you set for announcements?

Do you mean "Announcements block height (in pixels)" in "General announcements options"? If yes, it's 200px.

That is what I was referring to.

SLGray wrote:That is what I was referring to.

Then I changed but that didn't affect.

Bump.

Bump.

Nevermind. Solved!