Forum Support

Shape 5
March 28, 2024, 10:47:12 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Use s5_video_container for two videos next to each other  (Read 525 times)
lauredess
Jr. Member
**
Offline Offline

Posts: 54



« on: December 09, 2016, 07:15:10 AM »

Hi,

I use the template General Contractor and I put on the home page a video I show through s5_video_container class.
My video appears very well in full page on desktop and gives a very good rendering on smartphones.
I wish to display two videos instead of one.

On desktop, I want it to appear both side by side. On smartphone, I want them to appear one below the other.
Is it possible to use the class s5_video_container to achieve this?

Thank you in advance for your answer.

Laure
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: December 09, 2016, 12:46:42 PM »

Hello,

You can use that class but additional CSS to make the videos float:left next to each other would need to be added. This CSS would then need to be removed at a certain screen width
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
lauredess
Jr. Member
**
Offline Offline

Posts: 54



« Reply #2 on: December 12, 2016, 04:18:44 AM »

Hi,

I thank you for your answer but I did not succeed with the float: left.

So, I have specially made a variant of the class s5_video_container with an s5_video_container2 which specifies a width and height to 50% instead of 100%.
I have integrated the two iframes into the same div and then I changed the "display: block;" of the youtube iframe with a "display: inline;".

And it seems to work, both on desktop and smartphones...

I wish you a good day,
Laure
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: December 12, 2016, 12:56:27 PM »

Oh ok happy to hear you got it working
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.