- This topic has 8 replies, 3 voices, and was last updated 6 years, 5 months ago by Leo.
-
AuthorPosts
-
October 15, 2017 at 10:14 am #403662Joseph
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 #403745LeoStaffCustomer 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 #403811JosephOctober 15, 2017 at 5:04 pm #403812JosephLeo forgot to mention the background is visible on firefox but not Chrome.
October 15, 2017 at 6:42 pm #403853LeoStaffCustomer 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 #403857JosephYes 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 #403899TomLead 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 #403909JosephI 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 #404200LeoStaffCustomer SupportSounds good 🙂
Glad we could help!
-
AuthorPosts
- You must be logged in to reply to this topic.