AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Closed] In Post Image Centering Problems

8 Posts
2 Users
0 Reactions
1,808 Views
Posts: 5
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@dani3l)
Active Member
Joined: 6 years ago
[#12876]

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: 5774
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@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: 6 years ago

Active Member
Posts: 5
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@dani3l)
Active Member
Joined: 6 years ago
4 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5774
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

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

Active Member
Posts: 5
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@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: 5774
Sofy
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

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

Active Member
Posts: 5
Sofy
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

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


Share: