BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> Templates
  New Posts New Posts RSS Feed - Senslight - Problem with banners
  FAQ FAQ  Forum Search   Register Register  Login Login

Topic ClosedSenslight - Problem with banners

 Post Reply Post Reply
Author
Message
WattJet View Drop Down
Senior Member
Senior Member
Avatar

Joined: Jan 04 2016
Status: Offline
Points: 256
Direct Link To This Post Topic: Senslight - Problem with banners
    Posted: Apr 17 2021 at 10:33pm
Hi,
Since the GDPR cookie banner is now a serious issue, I am including it in all my sites. I have website made with the website-builder of a Hosting service. It is a simple site, but -of course- there is no way I can include the cookie banner in the closed environment.... and as one could imagine, their webbuilder crams serveral cookies on the site so it's catch22.

To save time and effort, and being a simple site,  I decided to use the SENSLIGHT template, and I am only using few of the many different possibilities that it offers.

Everything is going fine except the top banner.

I am trying to change the color, but I do not understand how it behaves. It is set on black color with an opacity of 50. When you include an image as banner background, the banner's opacity/transparency works fine and it becomes opaque once you scroll beyond the background banner. So it works fine.

But, wheh I changed the color to blue, the transparency works well too but when I scroll down below the background banner image, the banner -not transparent now- turns to black. I've been half a day trying to find out where the setting is, with little success.

Any guidance will be welcome


Edited by WattJet - Apr 17 2021 at 10:33pm
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6209
Direct Link To This Post Posted: Apr 17 2021 at 10:57pm
Can you provide a link to your site?

Senslight top banner stays as it is (color and top of page) when you scroll down.
Back to Top
WattJet View Drop Down
Senior Member
Senior Member
Avatar

Joined: Jan 04 2016
Status: Offline
Points: 256
Direct Link To This Post Posted: Apr 17 2021 at 11:08pm
It does in the home page, but not in the internal ones. Please see

https://mydatamygain.co.uk/Services.htm
http://mydatamygain.co.uk/What%20we%20do.htm

In "What we do",  I did not change the color (black) and the transparency ends when you scroll beyond the underlying image.

But in "Services", the transparecy ends and it goes back to the original black

No idea why


Edited by WattJet - Apr 17 2021 at 11:11pm
Back to Top
WattJet View Drop Down
Senior Member
Senior Member
Avatar

Joined: Jan 04 2016
Status: Offline
Points: 256
Direct Link To This Post Posted: Apr 18 2021 at 1:18am
Continuing with the question of banners.

I have modified a couple of things and you can see better now that in the couple of pages mentioned, the color and the transparency dissapear once you scroll below the image.

Furthermore, I have reproduced/copied exactly the two pages but in the Services one I cannot manage to make the transparency work. To solve the issue, I tried to copy the Base file from the base WWdo, then rename it to the BaseService (while changing the name of the original BaseService) but this does not work. How could I make the renaming work?
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6209
Direct Link To This Post Posted: Apr 18 2021 at 3:22am
Originally posted by WattJet WattJet wrote:

It does in the home page, but not in the internal ones. Please see

https://mydatamygain.co.uk/Services.htm
http://mydatamygain.co.uk/What%20we%20do.htm

In "What we do",  I did not change the color (black) and the transparency ends when you scroll beyond the underlying image.

But in "Services", the transparecy ends and it goes back to the original black

No idea why

This page is using Base_2_scrolling layer

This layer has a custom class  in the opacity code block

[code]
#WE523f8c3d5d.top-bg-opaque {
background-color: black;
}
[code]
replace black with your color selection

Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.078 seconds.