Changing the background image issues on the Mobile

I have been changing the background image from the source in the relevant folders.
The desktop/tablet backgrounds work fine but in most cases the mobile version of what I have uploaded is just black.

How do I fix this, is their a dimension I should adjust the image to

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

if you go on WeCare.bz, on a mobile, I am trying to make this picture smaller, If I upload a smaller version of it, ie even 10pixels, it appears as all black

This code in over-ride does what I want but unfortunately applies it to all the modules across all the pages
/*set background for ection with title "How You're Paid" */
#gkBottom1{
background: url('/images/woods.png') no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
It there a way to copy the code for GKbottom1 into a new module position of GKbottom1-custom1 which i can the apply the css too?

Hi

Please try add this to override.css and let me know if this can be like that.

Code: Select all

.imageBg #gkHeader {
    background-size: cover;
}


I'll try that... second