Joomla Templates Club 406,261 posts

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#954361

Good Afternoon

Since upgrading our UBER template the opacity feature for acm header overlay has stopped working

Even if I define it fully

.uber-header.fullscreen-overlay-menu .nav-background {
background: #ff0000!important;
height: 100%!important;
width: 100%!important;
top: 0!important;
left: 0!important;
position: absolute!important;
z-index: 9999!important;
opacity: 0.8!important;
filter: alpha(opacity=80)!important;
-webkit-transition: background-color 0.6s!important;
-o-transition: background-color 0.6s!important;
transition: background-color 0.6s!important;
}

You can see the difference between our different sites below the URLS

http://polarchoice.com/study/en/ = CORRECT
http://www.polarchoice.com/accommodation/en/accommodation-in-london# = INCORRECT

---

Attachments:

1. 

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

#954372

Hi
You have this code in custom.css file that is override the previous opacity code

.uber-header.fullscreen-overlay-menu.dark-color {
    background: #FF0000!important;
}

Here : http://prntscr.com/by3hy6
Either applied the opacity on this too or remove this .

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#954404

If I do that then the header will change to a different colour completely!

http://www.polarchoice.com/accommodation/en/accommodation-in-london#

You can see now that the css for the header is a darkened red and not the #ff0000 that is on all pages

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

#954412

Hi its because you have too much custom work in custom.css file .
See this : http://prntscr.com/by3tcp is another header color added by you , you should check the custom code before applying new custom code for same classes .

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#954427

I have removed that

I have the issue still

1. If I set the background colour for overlay to #ff0000 then the ocpacity dissapears

http://www.polarchoice.com/accommodation/en/accommodation-in-london#

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

#954483

Hi
i can see the opacity is working fine : http://prntscr.com/by61q1

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#954484

Hi Pankaj

The issue is the acm header is not te right colour.

Regards

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

#954541

Hi you should check the screenshot carefully , its for the same acm header ,
the color is coming from your custom code , Here u can see it : http://prntscr.com/by7tgu
You should change color for this from local folder
http://www.polarchoice.com/accommodation/templates/uber/local/acm/header/css/style.css
since it effect other parts apply the chnages directly on main file .

Hope it make sense .

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#954559

Yes but the color on the top is not #ff0000!important

Its a dark red not the correct color……even if the css is saying

.uber-header.fullscreen-overlay-menu .nav-background {
background: #ff0000!important;
}

I cant set the header to a solid color and then have the drop down menu as a see through its either solid or see through all the time.

1. The top color needs to be solid red
2. The overlay needs to be transparent

I have attempted all combinations. Even if I remove all custom css I cannot get the same effect thats on my sub domain

---

Attachments:

1. 
2. 

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

#954614

Hi
its very hard to explain 🙁
Did u ready my last reply to change the header color from source file ?
Its the same color that is shown in dropdown of overlay .

Check this > http://prntscr.com/byf423

because there is opacity set on header bg color the color shows different

.uber-header.fullscreen-overlay-menu .nav-background {
     opacity: 0.8!important;
}

[leonhart700 Friend leonhart700Join date: April 2014Posts: 141Downloads:5Uploads:27 Thanked: 2 times in 2 posts]

#954662

Hi Pankaj

I have updated the style.css directly rather than in custom.css

This has the desired effect however will this be effected by future upgrades?

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

#954672

Hi
local folder does not effected on update . You need to take backup of local folder , in case you compile Less to css

[Author]

Posts