Notifications
Clear all

Video [Solved] How do I change the size of embedded videos with code ?

8 Posts
2 Users
2 Reactions
2,155 Views
Posts: 87
Topic starter
(@joselito)
Estimable Member
Joined: 3 years ago

How do I change the size of embedded videos with code [video src="" /] ?

They look almost OK on mobile but too big on PC.

https://lingeriepicsforum.com/tiktok-Girls-forum/tthots-tiktok-thots-videos/

7 Replies
Chris
Posts: 3627
(@chris)
Famed Member
Joined: 3 years ago

Hi @joselito,

You can use CSS for PC and CSS @media Rule for smartphones. To resize the Embed videos size.

6 Replies
(@joselito)
Joined: 3 years ago

Estimable Member
Posts: 87

@chris Tried different things and can't change it.

(@joselito)
Joined: 3 years ago

Estimable Member
Posts: 87

Posted by: @chris

Hi @joselito,

You can use CSS for PC and CSS @media Rule for smartphones. To resize the Embed videos size.

Should I change the theme CSS or the Wpforo CSS?

 

Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3627

@joselito,

Try this CSS, Add it in Custom CSS field:

.wpf-right .wpforo-post-content .wp-video .wp-video-shortcode  {
    height: 550px !important;
    width: 314px !important;
}
.wpf-right .wpforo-post-content .wp-video {
    display:inline-block;
}
(@joselito)
Joined: 3 years ago

Estimable Member
Posts: 87

@chris Thanks for the effort but it doesn't work, so strange. 😑 😑 

 

Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3627

@joselito,

I checked your forum, and couldn't find the new CSS's.

(@joselito)
Joined: 3 years ago

Estimable Member
Posts: 87

@chris 

I've put the code in the wordpress additional CSS and now it works.

Thanks Chris, you are the best. 🤠