Notifications
Clear all

Style [Solved] Gap in the post

8 Posts
2 Users
2 Likes
1,016 Views
Posts: 11
Topic starter
(@fhazal)
Active Member
Joined: 3 years ago

@sofy how i can i fix the gap? here i attach what i mean,is there anyway to fix this? is it possible to resize the embed frame? 

$content = preg_replace($paterns, "<iframe width=\"420\" height=\"280\" src=\"//www.youtube.com/embed/$1\" frameborder=\"0\" allowfullscreen></iframe>", $content)

i try edit the height and width but nothing change.

 

this sis my website : https://bajubesi.com.my

Topic Tags
7 Replies
Robert
Posts: 10499
Admin
(@robert)
Support Team
Joined: 8 years ago

@fhazal,

Please leave a direct URL to that post.

6 Replies
(@fhazal)
Joined: 3 years ago

Active Member
Posts: 11
Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10499

@fhazal,

Insert this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea, save it, delete all caches, go to forum front-end and press Ctrl+F5:

#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left {
    width: 156px;
    float: left;
}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right {
    margin-left: 0!important;;
    float: none;
}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
(@fhazal)
Joined: 3 years ago

Active Member
Posts: 11

@robert tq it's works!

(@fhazal)
Joined: 3 years ago

Active Member
Posts: 11

@robert i have 1 more problem after i apply the youtube gap fix code,i remove the code for now,its become normal again,all the forum post become small like this :

Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10499

@fhazal,

Ok, I see the issue, please use the following CSS code.

#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left {
    width: 156px;
    float: left;
}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right {
    margin-left: 0!important;;
    float: none;
    flex-grow: 1;
}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
(@fhazal)
Joined: 3 years ago

Active Member
Posts: 11

@robert tq so much it's working great now,appreciate the fast reply and good support 😀