Joomla Templates Club 406,261 posts

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064389

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1064550

Hi
In the demo, mast top positions its JA ACM module that shows the text over a background image if you want to change the image you can do this from the module options.
While it does not support the video files, You have customised the ACM php files to customise this, if you are not familiar in custom work i suggest you to hire a developer for this custom work task.

Regards

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064610

Until there I know.

Just don’t understand why Joomlart don’t have a video background module.?

But ok.

Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1064615

Hi
We have ACM module in other templates like Uber.
And in JA Resume, JA Nuevo template, JA Appolio you can also see the video module.

Regards

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064626

Ok.

Now I have already the background video running.

But all the custom code that you give me before to change the menu background colour, now they are not working. In some way, the colour now is white.

And in the custom css I have grey – #cccccc

Best Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1064638

Hi
use this code

.t3-header.ja-affix-top, .off-canvas-right.off-canvas-open .t3-header {
    background: #ffffff;
}

Regards

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064645

Thank you Pankaj.

But that code only put the colour after I scroll down.

So I put this one, to be in the beggining and also when you scroll down.

.t3-header {
        background: #f4f4f4!important; }

But then, my boss said that in the beggining it was not pretty. If was possible to put some opacity. So I change to this one:

.t3-header {
        background: #f4f4f4!important; opacity: 0.6; filter: alpha(opacity=60); } /* For IE8 and earlier */

And it look really good in the beggining. But then when you scroll down not. 🙂

Is it possible to apply the opacity in the menu background, only in the beggining because of the video. And then when we scroll down it becames solid colour?

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1064757

Hi
its the standard class and opacity value work for same for all pages.
You can try this code in custom.css file

.t3-header.ja-affix-top, .off-canvas-right.off-canvas-open .t3-header {
    opacity: 1;
}

Regards

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064882

Thank you Pankaj.

Just another question about this position.

The module for the video background is from joomlageek.

I was speaking with them, because the text that I wrote in the bottom of the video has a link, but don’t work.
They answer me this:

I also saw that the text was wrapped by href link tag, but you can’t click the link because there the masthead section was overlapped by other section of your template. You need to ask developer of this template for solution of this case.

There something we can do, so that text can work with the link?

Best Regards.

• This reply was modified 6 years, 6 months ago by  danielcruzsj.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1064884

Hi
The mast top position is fixed position it gets the overlay on it.

.t3-mast-top {
    position: absolute!important;}

Add this code to remove the fixed position and use it as normal module position.

Regards

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064891

Hi,

I put the code on custom.css, but the link of that text on top of the video still no working.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1064904

Hi
Sorry I wrote it wrong
Please set this to relative

.t3-mast-top {
    position: relative!important;
}

Regards

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064907

Thank you Pankaj.

Is really that. The link works.

But then there is a lot of space in white from the video until the next content.

If there is no other option I need to let stay like it was, and try to find another space for the link. Because like this is not good for us.

Thanks.

• This reply was modified 6 years, 6 months ago by  danielcruzsj.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1064912

Hi
If you want to change template style code you can use firebug or inspect element from browser to check style classes and overrides them via custom.css file.
You can also apply new style via custom.css depend on your needs.

Regards

[danielcruzsj Friend danielcruzsjJoin date: December 2016Posts: 63Downloads:11Uploads:24 Thanks: 7]

#1064915

Yeah.

Like you can see in the website now. I put in the main menu "EN" to redirect later to the EN website.

Bur I really need to put another color there. In the menu item I put a new class style named: yellow
I wrote yellow with a space before.

Then I wrote in custom.css:

li.yellow a {
    color: #FCBE05 !important;
    font-weight: 500;
    font-family: raleway;
}

But don’t work. 🙂

[Author]

Posts