Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

8 Posts
2 Users
0 Reactions
1,264 Views
Posts: 5
Topic starter
(@dani3l)
Active Member
Joined: 5 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: 5483
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

Hi @dani3l,

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

1 Reply
(@dani3l)
Joined: 5 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: 5 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: 8 years ago

Support Team
Posts: 5483

@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: 5 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: 8 years ago

Support Team
Posts: 5483

@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: 5 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;
}