Joomla Templates Club 406,261 posts

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#185707

Hi,
I would like to add to my site responsive vimeo video.
could you please explain how to do it?
right now I added it to my site but it’s not looking so good on mobile…

link: http://www.new.tiwebmaster.com/

thanks!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#486163

Hi tiwebmaster,

Hope this reference can help you: http://www.jonsuh.com/blog/responsive-youtube-vimeo-embed-and-html5-video-with-css/

Regards

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#486194

where to add the css code? in what file? template.css?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#486250

You can add to template.css file.

Give it a try 🙂

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#486337

tried… not working…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#486445

Pm me admin and FTP account of your site, I shall make a try

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#486495

Or try this Responsive Vimeo Video :
http://www.joostrap.com/responsive-vimeo-video

1 user says Thank You to dieudonne for this useful post

1. JA Developer

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#486718

Hi,
I just sent you PM with all the details.

thanks!

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#486727

Hello,

can you please share the solution ?

Thank in advance.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#486757

Hi,

I add this css rule:


.hero-unit iframe {
width: 100%;
}


into file: /templates/ja_onepage/css/custom.css

Hope it helps 🙂

2 users say Thank You to Saguaros for this useful post

1. TomC
2. dieudonne

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#486824

it’s not perfect but it’s a lot better!!
I can live with that…

thank you !!!!

[woluweb Friend woluwebJoin date: October 2012Posts: 196Downloads:18Uploads:69 Thanks: 68 Thanked: 31 times in 3 posts]

#487773

Txs for the trick.
Still I have a question : I see you suggest changing the “custom.css” file.
Shouldn’t we change some “LESS” file instead, to avoid to loose all the customization in the css files ?
Or have I missed something in the reasoning ??

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#487794

To remind the features of custom.css file . . . .

• The file is included by default, you don’t need to create new one.
• The file is the last file to be called in your template so it will not be overridden.
• The file is not a compiled file from LESS so it will not be overridden or lost when you compile

You still have to back up this file before you upgrade template or Joomla !!!

For example —> if you were working with JA Mero 3.0, you can find this file in path:

templatesja_merocss

2 users say Thank You to TomC for this useful post

1. woluweb
2. dieudonne

[woluweb Friend woluwebJoin date: October 2012Posts: 196Downloads:18Uploads:69 Thanks: 68 Thanked: 31 times in 3 posts]

#487820

Txs for this clear reminder about “custom.css”.
You are right, in the meanwhile I have searched (and found) more info about this custom.css.
Still I think that here and there in the forum I see suggestions of changing some of the other css files. ‘could be useful to add the comment “unless you work with LESS in which case (…)
Just to avoid suicides of desperate webmasters 😉

[Author]

Posts