Hello AllVideos-Community,

I tried to change the "display:block" string in the template.css at classic style to "inline" or "flex".
Of course I've copied all the files to jw_template folder in templates html-folder.
With firebug I can see, that flex or inline is used but it takes no effect.

I'd like to have all Videos side by side with a margin of 10px.
The standard setting is, that every single video has its own new row.
Think about: You would show 9 videos in one page and have to scroll down a long way instaed of seeing them all in one screen, side by side and in a new row when the end of content is reached.

Only on mobile devices the videos should be displayed in a single column with a new row for every video.

Is there a simply way for a newbe to realize it.?

Thanks for help

Wolfgang

Hello,

Having a float: left value will help you ;)
Display flex requires other values as well in order to work propery.

Thank you for your answer,

I did it with float:left, but only all videos where shown left and again each video has its own row and isn't shown side by side in a single row.

In the article I wrote:
{youtube}5S4VYwxxwWI{/youtube} {youtube}K10eMxxmo8Q{/youtube} {youtube}Lh32xxpybq0{/youtube}

What it looks like is:
VIDEO1
VIDEO2
VIDEO3

What it should look like:
Any ideas?

Wolfgang

Can you send me a link to your site?

The temp subdomain is m2p.mission2party.de

I don't want to publish it in public forums until the site is oficially published but it seems i have to :-(
Please delete it after solving the idea.

Under MEDIEN -> VIDEOS you'll see 6 Videos which should be ordered automatic in responsive to screen size.
I think it is called fluid in other components.

It would be perfect if the videos (and other players in allvideos) will be fluid like in the GALERIE -> BILDERGALERIE 2016-06.25 Berghausen, Zeltkirmes
With a margin around the videos and automatic ordering whe you change your windows size. Please try it.

It would be beautiful to get this as an key option in the component himself and a fe strings to implement it e.g.
{ YouTube } xhdkfejnf|fluid=1|margin=10|width=400|hight=300{ /Youtube }

The text-align property should be entered in the video's parent.
This is how you will center the videos.

I would suggest looking into your template's grid system and using that grid system and the responsive template in order to create a nice video gallery.