- This topic has 8 replies, 3 voices, and was last updated 7 years, 6 months ago by
Leo.
-
AuthorPosts
-
October 15, 2017 at 10:14 am #403662
Joseph
I used the following to set the background (full page) image on my blog page and single posts. It worked fine but now it has disappeared. Is this the correct CSS.
body.blog {background: url(‘https://provinciawebdesign.com/wp-content/uploads/2017/07/blog_bg.png’) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.single.separate-containers {background: url(‘https://provinciawebdesign.com/wp-content/uploads/2017/07/blog_bg.png’) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}Thanks in advance.
October 15, 2017 at 2:06 pm #403745Leo
StaffCustomer SupportHi there,
The CSS looks good. Something had to happened for it to stop working.
Can you link me to the pages?
Thanks!
October 15, 2017 at 5:01 pm #403811Joseph
October 15, 2017 at 5:04 pm #403812Joseph
Leo forgot to mention the background is visible on firefox but not Chrome.
October 15, 2017 at 6:42 pm #403853Leo
StaffCustomer SupportIt’s not visible on firefox or chrome for me.
Can you try inserting the full link to the background image?
This is what I currently see:
body.blog { background: url(//cdn.provinciawebdesign.com/staging/wp-content/uploads/2017/07/blog_bg.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
which doesn’t seem to link to anything.
October 15, 2017 at 6:59 pm #403857Joseph
Yes correct, it’s gone from Firefox again.
Here some screenshots of the Child CSS and the Media file
https://provinciawebdesign.com/wp-content/uploads/2017/07/blog_bg.pngCSS screenshot link:
https://provinciawebdesign.com/support/css.pngMedia screenshot link:
https://provinciawebdesign.com/support/Media.pngLeo, I did create a subdirectory https://provinciawebdesign.com/cdn to serve static content from a cookieless domain. I wanted to increase load time as recommended by https://tools.pingdom.com speed test.
That may be the issue
October 15, 2017 at 10:37 pm #403899Tom
Lead DeveloperLead DeveloperSomething seems to be changing the background image URL to this:
//cdn.provinciawebdesign.com/staging/wp-content/uploads/2017/07/blog_bg.png
That doesn’t link anywhere, which is likely the issue. Any CDN plugins?
October 15, 2017 at 11:38 pm #403909Joseph
I do use the Fast Velocity Minify plugin so I disabled the CDN and got the image to work on Firefox and on the single pages for Chrome not the main post page. I purged the Cache also. I will reach out to the author of the plugin and see what is going on. Once I find the solution, I’ll post it here hopefully helping others with the same issue in the future.
Thanks, you guys are the greatest!!
October 16, 2017 at 8:26 am #404200Leo
StaffCustomer SupportSounds good 🙂
Glad we could help!
-
AuthorPosts
- You must be logged in to reply to this topic.