This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | - |
| - | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | - |
Supporter timezone: Asia/Hong_Kong (GMT+08:00)
This topic contains 2 replies, has 2 voices.
Last updated by 4 years, 10 months ago.
Assisted by: Luo Yang.
Hello,
I have an artist page where I have the main Iframe Video on the top of the page (directly used on the page builder) and a toolset list of songs with videos under it.
Here is the page : hidden link
I managed to deal with the height of the videos in my toolset view by adding the following code to my toolset loop :
.elementor iframe, .elementor object, .elementor video {
height: auto; }
It does work perfectly if the page does not have any other embed videos.
Example : hidden link
But it doesn impact the other videos size of the page if I have embed videos outside of the toolset view.
It mean that I either have to add the height:auto css but I would have very small size videos (please see attached picture) or I delete the code but I have ridiculously large videos in the Toolset view.
Is there a way to have the css only impacting the toolset view but not the all page ? Or any other way ?
Thank you in advance.
Hello,
Thanks for the details, I have checked the URL you mentioned above:
hidden link
Your CSS codes does work, in you case, you can try to setup the height as 100%, for example, change your CSS codes as below:
.elementor iframe, .elementor object, .elementor video {
height: 100%;
}
And test again. see screenshot
