X3Photo Gallery Forums

If you can send a link, I can diagnose. Can't do much from a screenshot only ... Maybe you have custom CSS ...

raffi wrote:here is a test page : https://www.photographe-mariage.fr/port ... est-raffi/

I see you have in your custom CSS: The above is setting a white background on the "main" element, which is OVER the page element that contains the background image.

First of all, I can't see what that style I mentioned in my last post has to do with the menu ... The .main {background: #ffffff !important;} was applied on the "main" element, which is the section that starts BELOW the menu. It' basically contains most of the page, except the HEADER/menu and FOOTER. It seems now that you have made other changes also?

Perhaps more importantly though, it seems you have added A LOT of not-so-well-planned CSS styles to your X3 website. Perhaps the most interesting (or fundamentally wrong), is that you have selected the X3 BLACK skin (which has a black background, with light text), and then you have added a WHITE background, and therefore had to change all text colors also.

Normally, if you really need to customize the X3 skin so heavily, it would make most sense to FIRST select a skin color that resembles the style you want to achieve. For example, if you want a light or white background, you would select WHITE skin (or daylight). Then, most existing colors would match without you having to overwrite them. Now that you have selected a BLACK skin, and manually changed the background to WHITE, it causes lots of colors that won't match in the X3 skin, as you can see in your menu.

But then having said all the above, to make things worse, I see you have set a WHITE background for in the background plugin for this page (in your example). How do you expect that to work when your menu text is white? This is unclear to me.

Ok, well I can understand that the skins are not perfect for all. There is custom CSS available, although that is "advanced" and does have side-effects naturally.

About the original question though, the background plugin is actually working, but you had a WHITE background on the .main element which overlays the background plugin. You could remove that CSS style (and that CSS style only) and it would work. The only reason I mentioned other issues with your custom CSS, is because these issues seem inherent with your custom CSS approach.