fixed background image bug whith chrome

This topic has 2 replies, 2 voices, and was last updated 7 years, 5 months ago by Hash.

Viewing 3 posts - 1 through 3 (of 3 total)

Author
Posts
December 17, 2016 at 10:15 pm #1401
skylupo
Participant
Hi nice TH developper,
I just finished to set up a new site with your wonderful theme.
In the custom module, I choose to have a fixed cover background image.
It works well in firefox.
But in chrome, something strange occurs:
The background image displays well for 1-2 seconds, then it becomes wider, and quite ugly finally.
In chrome, If I inspect the code of the body tag, I find this:
<body class=”home blog custom-background wp-custom-logo” style=”background-attachment: scroll;”>
The “background-attachment: scroll” param does not appears in Firefox inspector.
It’s the reason of the weird display.
How can I fix that without touching the code?
Info: I use Chromium Version 33.0.1750.152 Ubuntu 13.10 (256984)
Big thx by advance !
Skylupo
December 20, 2016 at 10:58 am #1405
skylupo
Participant
Hi everybody,
Well, I found that that bug is common with many versions of chrome.
Here’s the solution that worked for me.
1- I removed the background image from the customizer
2- I used that css code in the custom css section:
```
#hs-page {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("http://path/to/my/background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
```
Hope this will be usefull to others.
Have a nice day
And big thanks again to the dev !
Skylupo
December 23, 2016 at 9:30 pm #1483
Hash
Keymaster
Hi,
We will fix this issue in upcoming version.
Here is the temporary solution. Add the below CSS
```
body {
background-attachment: fixed !important;
}
```
Author
Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.