Notifications
Clear all

Soundcloud embed size

10 Posts
2 Users
0 Reactions
4,347 Views
Astghik
Posts: 6147
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Hi @wndrlst,

Please navigate to Dashboard > Forums > Settings > Styles admin page, put the following CSS code in "Custom CSS Code" textarea, save it delete, all caches do CTRL+F5 on the frontend. 

#wpforo-wrap .wpf-right .wpforo-post-content > p > iframe {
width: 100% !important;
}
Reply
Posts: 5
Customer
Topic starter
(@wndrlst)
Member
Joined: 6 years ago

Ok that worked, awesome - is there a way to adjust the height as well?

I'm looking to have it about 75% of what it's currently displaying.

Great support by the way!

Reply
Astghik
Posts: 6147
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago
Thank you @wndrlst,
 
Please remove the code I've provided and put this one:
 
#wpforo-wrap .wpf-right .wpforo-post-content > p > iframe {
width: 100% !important;
height: 200px;
}
 
Change the red marked color codes before using. However, please note that you need to insert the youtube link too, so choose the value, that will fit a youtube video as well. 
Reply
Posts: 5
Customer
Topic starter
(@wndrlst)
Member
Joined: 6 years ago

Right ok so that works too - however, someone else just made a thread and now his post is again sized way too big and mine is perfectly fine. I didn't touch the custom code but they seem to work differently for each thread.

Link wrong size:  https://technoscene.net/community/podcasts/techno-los-angeles-eps-001/
Link correct size:  https://technoscene.net/community/podcasts/wndrlst-podcast-335-recordings/

 

EDIT: I managed to fix this by unticking the "insert link" button that was enabled ontop of his soundcloud link. Does this mean I will have to physically edit every post that's going to be made and untick this? or could you guys look into a fix?

Reply
Astghik
Posts: 6147
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

@wndrlst,

Could you please try this CSS code. It should solve the issue. 

#wpforo-wrap .wpf-right .wpforo-post-content iframe {
width: 100% !important;
height: 200px;
}
Reply
Page 2 / 2
Share:
Scroll to top