• Home
  • Get help
  • Ask a question
Last post 1 hour 44 min ago
Posts last week 118
Average response time last week 14 min
All time posts 70821
All time tickets 10917
All time avg. posts per day 20

Helpdesk is open from Monday through Friday CET

Please create an (free) account to post any question in the support area.
Please check the development versions area. Look at the changelog, maybe your specific problem has been resolved already!
All tickets are private and they cannot be viewed by anyone. We have made public only a few tickets that we found helpful, after removing private information from them.

#9134 – 4video width in desktop resolutions

Posted in ‘SEOInfo and other Weeblr extensions’
This is a public ticket. Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Monday, 17 October 2022 12:02 UTC
tomaszciti

Hi

We have started to use 4video and like it very much so far. How would we ensure that videos have 100% width in resolutions over 1024px? We have tried to add:

.wb-4video-comp-container {
  max-width: 100% !important;
}


or

@media (min-width: 1024px) {
    .wb-4video-comp-container {
        max-width: 100% !important;
    }
}

to our custom css without any effect. We think it doesn't because of iframe usage.

Would editing css classes in 'helper.php' do? If so these would be gone after future updates. 

Thanks.

Monday, 17 October 2022 14:21 UTC
wb_weeblr

Hi

4Video is implemented as a web components, precisely so that outside CSS does not affect it and the video player and table of contents are properly rendered regardless of the surrounding template and CSS. What you do in the helper.php file has not effect, it's only used to avoid Content Layout Shift when the player is loading.

But your use case is perfectly valid, so I added a setting so that you can override the 4Video max width. Please download the latest dev version from the development versions download area , install and you'll see a new setting in the module settings to override the max width.

Be sure to clear caches if you use any after changing that setting.

Best regards

Yannick Gaultier

weeblr.com / @weeblr

 

 
Monday, 17 October 2022 14:40 UTC
tomaszciti

Hi

Thanks. The override max width setting is working well.

This ticket is closed, therefore read-only. You can no longer reply to it. If you need to provide more information, please open a new ticket and mention this ticket's number.