Notifications
Clear all

[Solved] The emotes break to a new line!

10 Posts
2 Users
2 Likes
1,027 Views
Posts: 9
Customer
Topic starter
(@richardh)
Member
Joined: 7 years ago

When I put an emote in between words it will make the line break (newline).

So I end up with a  column of new lines with emotes on new lines too.

So this line {green}:grinning: will look like this

 

So this line

{green}:grinning:

will look like this

and a line 😈 like 😯   this :shutmouth: will look:

and a line

😈

like

😯  

this

:shutmouth: will look:

 

9 Replies
Posts: 9
Customer
Topic starter
(@richardh)
Member
Joined: 7 years ago

I've checked the source code of the above message and it looks exactly like the source code that is in my site, and yet if I post the above message in my wpforo site I get those line-breaks between emoticons.

Can anyone offer a solution?

7 Replies
Astghik
Admin
(@astgh)
Joined: 6 years ago

Illustrious Member
Posts: 5908

@richardh,

Please leave some example URL to allow us to check the issue. 

Customer
(@richardh)
Joined: 7 years ago

Member
Posts: 9
Posted by: @astghik

@richardh,

Please leave some example URL to allow us to check the issue. 

Any possibility of some help with this problem?

Astghik
Admin
(@astgh)
Joined: 6 years ago

Illustrious Member
Posts: 5908

@richardh,

Sure, it'll be possible if you provide us your forum URL. We'll check and find the reason for the issue. 

Customer
(@richardh)
Joined: 7 years ago

Member
Posts: 9
Posted by: @astghik

@richardh,

Sure, it'll be possible if you provide us your forum URL. We'll check and find the reason for the issue. 

Here's the link to my forums and the link to the thread regarding the problem:

https://forums.ukauthors.com/discuss-uka/fab-new-emoticons-to-play-with/#post-343

 

thanks

Astghik
Admin
(@astgh)
Joined: 6 years ago

Illustrious Member
Posts: 5908

@richardh,

Use this CSS code:

#wpforo-wrap .wpforo-main .wpforo-post-content img {
display:inline;
}

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Styles Tab. 

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

Customer
(@richardh)
Joined: 7 years ago

Member
Posts: 9
Posted by: @astghik

@richardh,

Use this CSS code:

#wpforo-wrap .wpforo-main .wpforo-post-content img {
display:inline;
}

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Styles Tab. 

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

Oh! wow!

that worked a treat!

MANY thanks {green}:inlove:  

Astghik
Admin
(@astgh)
Joined: 6 years ago

Illustrious Member
Posts: 5908

@richardh,

You're welcome. It was just a small CSS conflict with the active theme. 

Posts: 9
Customer
Topic starter
(@richardh)
Member
Joined: 7 years ago

Here's a post in the post-submission input box:

image

and here it is once submitted:

image
Share:
Scroll to top