Any idea why I have these giant spaces above and below my featured video embed on the portfolio pages? I can't see anything in the css and the embed code is very clean:
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Yes i rechecked the css wont work as the div is inside the iframe embed code . See screenshot: http://prntscr.com/lcp4cf .
Could you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Hi Ronald, I haven't had a chance to do the testing Tahir asked for as the site is too busy. I'll have to make some time this weekend and get back to you.
Please update to Salient Theme Version 9.02 and Salient VC 5.5.2.
If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel" -> General Settings -> "Toggle Theme Features" Section .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
iframe.iframe-embed {
height: 480px !important;
}
Thanks
Best.
For Ronald, Pls do make a new separate ticket citing your issue detail with your website link.
Any idea why I have these giant spaces above and below my featured video embed on the portfolio pages? I can't see anything in the css and the embed code is very clean:
iframe src="https://player.vimeo.com/video/297819812" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe
Hey again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.player .vp-player-layout { top: 0px !important; }Thanks
ThemeNectar Support Team
Hi Tahir
That hasn't fixed the problem. Another example:
https://toiwhakaari.ac.nz/portfolio/an-arm-a-leg/
Definitely no red crosses in the Custom CSS box.
Cheers,
DS
Hey Again,
Yes i rechecked the css wont work as the div is inside the iframe embed code . See screenshot: http://prntscr.com/lcp4cf .
Could you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Best
ThemeNectar Support Team
hi there. I know this post is closed.
I'm having the same problem. Big space above the video.
Do you know what plugin is causing this conflict?
Hi Ronald, I haven't had a chance to do the testing Tahir asked for as the site is too busy. I'll have to make some time this weekend and get back to you.
DS
hi Dan
I've just deactivated all plugins, except "Salient WPBakery Page Builder" and its still the same.
@Tahir. Is there anything else that might be causing this?
@R
Please update to Salient Theme Version 9.02 and Salient VC 5.5.2.
If you are not seeing the Plugin Update Notification you need to uncheck the " Disable Theme Reccomended Plugin Notifications " Field in "Salient Theme Options Panel" -> General Settings -> "Toggle Theme Features" Section .
To get a list of Bug Fixes and new Feature addons in the Latest Theme update, the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .
Update the theme by following this guide: http://themenectar.com/docs/salient/updating-salient/ .
Best.
ThemeNectar Support Team
Hey Dan,
This reply is to Dan.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
iframe.iframe-embed { height: 480px !important; }Thanks
Best.
For Ronald, Pls do make a new separate ticket citing your issue detail with your website link.
ThemeNectar Support Team
Fixed, perfect. Thanks.