WebsiteBaker Support (2.10.x) > Modules

MiniHero vs. Template Fruesteg: Contentbox bgrd Color (Issues)

<< < (2/4) > >>

Legaziofunk:
Oooops, just realizing, I posted in the wrong board... this thread should be in WB 2.12.

Sorry 'bout this...!

dbs:
No problem, i will move this thread.
Can't see any changes in your template. Also body has no style like you wrote.

Ruud:
The problem is that when parallax is used, the hero images are positioned behind "everything". The trick is that this image is absolute positioned when scrolling the page.
Therefore the layers that become above the parallax image (the contentbox) cannot have a background.

When parallax is not used, the image wil be in the standard order of html layers, and you should not have any problems

Alternative it might work to force the parallax images to a higher z-index using this line in your stylesheet (template.css)

--- Code: ---.parallax-mirror {
    z-index: 0 !important;
}
--- End code ---

Legaziofunk:

--- Quote from: Ruud on December 29, 2019, 10:31:06 PM ---The problem is that when parallax is used, the hero images are positioned behind "everything". The trick is that this image is absolute positioned when scrolling the page.
Therefore the layers that become above the parallax image (the contentbox) cannot have a background.

--- End quote ---

Yup, I believe to remember this issue from another site before... but back then, I changed the width of the container to 100 % AND kept the background white...


--- Quote ---When parallax is not used, the image wil be in the standard order of html layers, and you should not have any problems
--- End quote ---

Well, I MUST use it here - therefore, not using it is not an option... ;-)


--- Quote ---Alternative it might work to force the parallax images to a higher z-index using this line in your stylesheet (template.css)

--- Code: ---.parallax-mirror {
    z-index: 0 !important;
}
--- End code ---

--- End quote ---

Okay... I understand, it does not matter where to enter this code?
So .parallax-mirror is the class MH refers to...?

Let's see...

Okay, WOW!
This seemed to have worked...

Thank you heaps!!

BUT: Since you said "it MIGHT" work:
Do you expect any problems?
If so, in what regard/department?

Ruud:

--- Quote ---Do you expect any problems?
If so, in what regard/department?

--- End quote ---
No, it just might not work in every template.
Now the <div> for this image has z-index:0 , there could be other elements in the template using higher z-index'es making the trick not work.

If it works, it works :-)

 

Navigation

[0] Message Index

[#] Next page

[*] Previous page