Under construction displays pale picture

[epbuw]

I also encounter the same problem as others regarding the plugin under construction. It worked fine but today I saw my background image in a strange colour not as clear colourfull as normal.

Please let me know how to solve this.

Many thanks in advance.
Ellen

[jade]

Hi Ellen,

This is actually a known bug for the under construction plugin that is already added to our issue tracker.

For the meantime, kindly add this code to X > Theme Options > CSS as a workaround:

body {
    background-color: #34495e;
    background-image: url(https://www.goflitter.com/wp-content/uploads/2018/01/20170505_italie_spaggia_doro_gardameer-.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

Thank you.

[epbuw]

Hi Jade, I add the code but this fills the background throughout my site (including pages). Is this meant to be? I just want the image on my under cunstruction view.

[nico]

Hi @epbuw,

Remove this extra body CSS so that the newly added body CSS will work.

Don’t forget to backup your body CSS because you might need to use it later.

Hope it helps.

Thanks.

[epbuw]

Sorry I’m not very experienced with html/css. So I removed the other code. Instead you want me to add your code from the red square? This is not by using X > Theme Options > CSS?

[thai]

Hi There,

I would like to check your website but the password is incorrect.

That CSS is set by the theme option as a default pattern background. Try to remove that under Theme Options > Layout and Design panel. If you didn’t see any image defined there. Assign a temporary image and then remove it, for the theme option to reset the background pattern option.

Hope it helps!

[epbuw]

@thai sorry I’ll adjust my password in the secure note.

[rad]

Hi there,

Sorry for the confusion. Please change the CSS provided by @Jade to this

body:not([class*="cornerstone-v"]) {
    background-color: #34495e !important;
    background-image: url(https://www.goflitter.com/wp-content/uploads/2018/01/20170505_italie_spaggia_doro_gardameer-.jpg)  !important;
    background-position: 50% 50%  !important;
    background-repeat: no-repeat  !important;
    -webkit-background-size: cover  !important;
    background-size: cover !important;
} 

It’s known bug and it conflicts with existing background styling.

Thanks!