Joomla Templates Club 406,261 posts

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#195121

Hello,

I need some assistance with reducing the video height: I would like to create a video like this: http://amp-music.com/
But, when I set the height of the video – it will also being reduced on the width. Can someone help me out with this problem?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524007

how you actually need the layout to appear. can you post a screenshot. that would provide us a clear view

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524079

<em>@Chavan 412968 wrote:</em><blockquote>how you actually need the layout to appear. can you post a screenshot. that would provide us a clear view</blockquote>

Please check out the screenshot below.
http://awesomescreenshot.com/0b52ebzd32

I would like to strip out the navbar header and lower the height of the video player, so the 3 columns below would be visible above the fold.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524082

Go to this File: /wp-content/themes/amp/library/css/main.css

Replace this code

#welcome_slide #welcome_text { padding: 100px; }

With

#welcome_slide #welcome_text { padding: 100px 0 !important; }

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524083

<em>@Chavan 413054 wrote:</em><blockquote>Go to this File: /wp-content/themes/amp/library/css/main.css

Replace this code

#welcome_slide #welcome_text { padding: 100px; }

With

#welcome_slide #welcome_text { padding: 100px 0 !important; }</blockquote>

I’m using a Joomla template, not a WP 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524103

Please provide me the joomla Url page. Then I will suggest you

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524146

<em>@Chavan 413079 wrote:</em><blockquote>Please provide me the joomla Url page. Then I will suggest you</blockquote>

Please check: http://clockurl.com/NjY

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524147

Go to this File: /templates/ja_appolio/css/custom.css

Replace this code

.t3-video { position: relative; background: #ccc; height: 500px !important; }


With


.t3-video { position: relative; background: #ccc; height: 500px !important; min-height: 500px !important; }

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524148

We’re almost there 🙂
Please check this screencast:

http://www.youtube.com/watch?v=F9zfw-b7aRQ

Once you open the website, it is full screen. Afterwards, when you scroll down, the right size of the video is achieved.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524476

The video you have uploaded is Private. so I could not view them. post them public for a while and once the issue is fixed you can make it private

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524484

<em>@Chavan 413544 wrote:</em><blockquote>The video you have uploaded is Private. so I could not view them. post them public for a while and once the issue is fixed you can make it private</blockquote>

Please check again, I have changed the privacy of the video to public.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524652

Go to this File: /templates/ja_appolio/css/custom.css

Replace this code

.t3-video { position: relative; background: #ccc; height: 500px !important;
}


With

.t3-video { position: relative; background: #ccc; height: 500px !important;
overflow:hidden; }

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524656

Problem solved by adding:

.t3-video { position: relative; background: #ccc height: 500px !important;
overflow:hidden; max-height: 500px !important; min-height: 500px !important; }

Thanks a lot 🙂

[woekerzee Friend woekerzeeJoin date: December 2013Posts: 65Downloads:0Uploads:0 Thanks: 5 Thanked: 3 times in 1 posts]

#524928

Unfortunately the problem has not been solved yet. The ‘mask’ is appearing once you scroll down the page. Will it be possible to load the mask directly with the video?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#524995

<em>@woekerzee 414138 wrote:</em><blockquote>Unfortunately the problem has not been solved yet. The ‘mask’ is appearing once you scroll down the page. Will it be possible to load the mask directly with the video?</blockquote>

It would be great if you can include url of your site, any screenshot would be helpful as well. I will have a closer look and give you suggestion then.*

[Author]

Posts