AI Assistant
Notifications
Clear all

embed and attached files issues

12 Posts
2 Users
0 Reactions
8,754 Views
mamamia
Posts: 15
Customer
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
(@mamamia)
Member
Joined: 8 years ago

Thank you, @Tom 

Note on code - my wp said was error. I think it should be this way for @media section as was missing definition for what style is:

@media screen and (max-width: 420px) {#wpforo-wrap .wpforo-post-content .wpf-video, #wpforo-wrap .wpforo-post-content .wpf-video iframe {height: 200px !important;}}


Reply
mamamia
Posts: 15
Customer
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
(@mamamia)
Member
Joined: 8 years ago

Thank you again.

Correct code with improved alignment and for full iFrame to render properly needs 340px instead of 300px and at least for my CSS 0px margin-left.:

 

/*wpfor fix for video auto size*/
#wpforo-wrap .wpforo-post-content .wpf-video, #wpforo-wrap .wpforo-post-content .wpf-video iframe {
max-width: 100% !important;
width: 100% !important;
height: 340px !important; 
margin-left: 0!important;
}
@media screen and (max-width: 420px) {#wpforo-wrap .wpforo-post-content .wpf-video, #wpforo-wrap .wpforo-post-content .wpf-video iframe {height: 200px !important;}}


Reply
Page 3 / 3
Share:
Scroll to top