Background color problem with older project files and "master Page"

[Adrian]

Hallo Pablo,

i think here somewhere are a problem with the color of the background.

The problem: in my older project file (created with WB12??, i'am not sure)i can not set the desired color of the Background if i use a master page (not master frame with contend place holder). If i create a new project with wb15 it's work ok, how it should work.

I have two pages, the "index" and the "masterframe". The masterframe is the page with the menu. The menu is on a header layer.
I use 4 breakpoints. If my "masterframe" is set as "master page" in the page properties (miscellaneous) I understand that the masterframe is in the front of my content so that i must set it to transparent to see the background color of the index page.

If i do the same think with my older project file that i have created with version 12, this settings don't work.

An interesting point is that my background is white, in the code is also the white color, if I use the Firefox development tool i can see that the background must have another color.

Do you have a idea how to fix that?

Thanks a lot for your help.

Regards, Adrian

[Pablo]

To be able to help you, I need to see what you have done.
Do you have a demo project?

[Adrian]

Hello Pablo,

my old original project file here:
medialight.de/rogarema.wbs

In this project file the background is not set.
Please set the backgound of the masterpage to transparent, go to another page (ex. leistungen) set the background to blue, and make a prewiew,
and the background of the displayed page is white:-)
Thank you.

Regards, Adrian

[Pablo]

The project does not seem to be complete, the master page is missing.

However, if you set the background of the master page to transparent then the background of the content page will be used.
For any of the other background modes, the master background will be used.

[Adrian]

Hello Pablo,

i'm wodering that you don't find the master page.
If you can open the wbs project file that you have downloaded, the name of the master page is "masterframe" and to check the
functionality with the background color, please use the content page "leistungen"

. . . if you set the background of the master page to transparent then the background of the content page will be used.
. . .

And exactly this don't work with this older project file.

I will try to make a new project file and copy the pages with content from the older project file to the new.

Regards, Adrian

[Adrian]

Hello Pablo,

i have made now a smal project from my original old project, the "background color feature" is the same, it does'n work.

In this backgroundcolor project file i have imported the two files from my old project file.


Here is the Project link with all pictures & co:

medialight.de/backgroundcolor.zip

If you click on the menu, than you will see the for a smal time the orange background color.

Regards, Adrian

[Pablo]

The background color is set by the Responsive Overlay menu and more specially, the 'Content Scale' animation.
If you select any other animation then the standard background color will be used.

[Adrian]

Ahh, ok Pablo,

thank you.

If i use onother animation or just without animation, I can not close the menu

Regards, Adrian

[Pablo]

This is because the layout grid overlaps the menu.

[Adrian]

Hello Pablo,

ok, that's very interesting.

Can you please tell (teach me ) me how to detect and how to identify such incompatibilities between the individual elements of a website?

How did you in this special case detected that that one layer is the problem key?

Thank you.

Regards, Adrian

[Pablo]

By design, a master page is always behind all other content, so if you place a header with menu on the master then it will have a lower z-index than the elements on the content page.
You can workaround this by giving the menu a higher z-index:

Code: Select all

<style>
#menu
{
   z-index: 9999 !important;
}
</style>