Notifications
Clear all

wpForo 1.x.x [Closed] In Post Image Centering Problems

8 Posts
2 Users
0 Likes
937 Views
Posts: 5
Topic starter
(@dani3l)
Active Member
Joined: 4 years ago

So I embed this link to the post, and it should automaticaly load there.

I center the url text, but when I click UPDATE to check for any changes it just stays on the left side with a weird gray background...

 

7 Replies
Sofy
Posts: 4308
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

Hi @dani3l,

Please leave the current post URL to allow us to check it. 

1 Reply
(@dani3l)
Joined: 4 years ago

Active Member
Posts: 5

@sofy Hey Sofy, Sorry it took me to much time to respond, I migrated my website to a host.

This is the url http://box5235.temp.domains/~danithrl/community/releases/arc-north-never-gonna/#post-16

I tried even to embed a YouTube video, And yes I got the addon, but still its not centered.

Posts: 5
Topic starter
(@dani3l)
Active Member
Joined: 4 years ago

I've changed the domain please try http://dani3l.org/community/releases/arc-north-never-gonna/

4 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4308

@dani3l,

Please try the following CSS code:

#wpforo #wpforo-wrap .wpf-oembed-wrap {
     display: flex;
}
#wpforo #wpforo-wrap .wpf-embed {
     display: flex;
      margin: 0 auto;
}

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style 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.    

(@dani3l)
Joined: 4 years ago

Active Member
Posts: 5

@sofy Works with the video embed not with the Image

 

This is the image wrap code, not doing nothing

#wpforo #wpforo-wrap .wpf-oembed-wrap {
     display: flex;
}
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4308

@dani3l,

Please add this code as well and let us know how it works

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content img, #wpforo #wpforo-wrap .wpforo-revision-body img {
display: flex;
margin: 0 auto;
}
(@dani3l)
Joined: 4 years ago

Active Member
Posts: 5

@sofy It does work, but it always stays in the middle, other memebers will not be able to align to the left or right if they need too..

 

EDIT:

Same with the video embed, stays only in the middle, you can't align it to the left/right...

 

EDIT #2 -

This is all the codes i put in the custom css

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content img, #wpforo #wpforo-wrap .wpforo-revision-body img {
display: flex;
margin: 0 auto;
}

#wpforo #wpforo-wrap .wpf-embed {
display: flex;
margin: 0 auto;
}