Docs

[Eyoel L]

Hi there!

First of all, thank you for this amazing theme!

I’m writing this because I’ve been experiencing some issues with one of the websites I’m doing for the company I work for. I’ve been trying to search through your forum for answers but I haven’t found a solution that seems to work for me.

It seems like the background image I’ve chosen refuses to work properly. In Chrome the background works fine, except that the same background image appears in a smaller version over the “real” background, like an overlay. Also, when I try to access it from Safari the background is just plain white. I’ve been trying really hard to solve this with custom CSS but I just can’t figure out what the problem is.

Here is the site:

http://momentotemporis.com

Would really appreciate if you could take some time to help me out.

Thanks ahead!

[Eyoel L]

Solved the double background-issue, still nothing from Safari though.

[Christian]

Hey Eyoel,

Thank you for your kind words. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Eyoel L]

This reply has been marked as private.

[Rupok]

Hi there,

Would you point us where did you use the background? Are you using as section background or full page background?

Thanks!

[Eyoel L]

Full page background, using this CSS:

body
{
background-image: url(“http://www.momentotemporis.com/wp-content/uploads/2016/08/Skärmavbild-2016-08-11-kl.-11.09.26-copy.png”);
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 0px 0px 0px 0px;
}

What could be wrong?

[Joao]

Hi There,

Please update your code to:

body
{
background-image: url(“http://www.momentotemporis.com/wp-content/uploads/2016/08/Skärmavbild-2016-08-11-kl.-11.09.26-copy.png”);
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0px 0px 0px 0px;
}

Let us know how it goes,

Joao

[Eyoel L]

Thanks for your help!

The code you gave me made the whole background disappear instead.

This the whole content of my custom CSS:

body
{
background-image: url(“http://www.momentotemporis.com/wp-content/uploads/2016/08/Skärmavbild-2016-08-11-kl.-11.09.26-copy.png”);
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 0px 0px 0px 0px;
}

.x-navbar {
border-bottom: none !important;
box-shadow: none !important;
}

/* @media (max-width: 979px) {
.masthead-inline .x-btn-navbar {
display: none !important;
}
} */

.footertext {
font-size:10px;
background:#000;
}

.footertext a {
color:#fff;
}

.footertext a:hover {
color:#ddd;
}

.x-colophon.bottom {
border:none;
box-shadow:none;
background: #000;
padding-bottom:5vw;
}

.x-img.x-img-none {
background:none;
}

div.x-nav-wrap.mobile.collapse.in {
height:160px;
}

ul#menu-header-1.x-nav {
margin-top:-18px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{
overflow: hidden
}

Is there anything blocking the bg-image, maybe?

[Lely]

Hello There,

The only issue I see is a pretty quotes on background declaration. It seems you have figured this out already because background image is now working when I checked. Please confirm.

[Author]

Posts