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.

 

Style [Solved] Gap in the post

8 Posts
2 Users
2 Reactions
1,509 Views
Posts: 11
Topic starter
(@fhazal)
Active Member
Joined: 4 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: 10616
Admin
(@robert)
Support Team
Joined: 9 years ago

@fhazal,

Please leave a direct URL to that post.

6 Replies
(@fhazal)
Joined: 4 years ago

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

Support Team
Posts: 10616

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

Active Member
Posts: 11

@robert tq it's works!

(@fhazal)
Joined: 4 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: 9 years ago

Support Team
Posts: 10616

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

Active Member
Posts: 11

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