Home>Support>background images are not uploading

background images are not uploading

By CHC Comms, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I am using Vantage Premium, customizing the template. Upload images for background, page or masthead do not work! Have tried in both IE and Chrome. HELP PLEASE!

URL: http://www.calgaryhousingcompany/dev-site

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi CHC

    What happens when you try to upload images via the Customizer?
    Can you upload images to the Media library in general?

    Steps to resolve would be:

    1. Run any pending updates at Dashboard > Updates.
    2. De-activate all non-SiteOrigin plugins and re-test.
    3. If it’s a media specific error then see: http://www.wpbeginner.com/wp-tutorials/how-to-fix-image-upload-issue-in-wordpress/

    Thanks

  2. 10 years, 8 months ago CHC Comms

    Hi thank you for your prompt reply! I am trying to upload the image using the customizer. No problems uploading via media library. I have to be honest it has not worked on my computer from day one (IE9 Windows 7), I just ignored and hoped my supervisor wouldn’t ask for any background images…lol. But now he has…

    Everything is up to date. I am hoping to not have to deactivate all of my plug-ins…Is there another workaround? Can I point to the file in my media library with some CSS using the background-image style?

    I am only an intermediate coder, and it often takes me a couple tried to get something working. I could probably spend a hole day making that bg image appear!

    THANK YOU – I Love this theme and page builder by the way. great work!!

  3. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for the feedback.

    De-activating plugins would help us rule out a conflict. But sure, if you want to rather handle this with Custom CSS, that can be done.

    Here are some options:

    /* Masthead */

header#masthead {
background-image: url("http://localhost/so/wp-content/uploads/2014/09/ujKaaIATKKx7vi5kkfQn__DSC39321.jpg");
}

/* Page */

#main {
background-image: url("http://localhost/so/wp-content/uploads/2014/09/ujKaaIATKKx7vi5kkfQn__DSC39322.jpg");
}

/* Footer */

#colophon {
background-image: url("http://localhost/so/wp-content/uploads/2014/10/vNE8214NS9GOvXOy7DCu_DSC_0266.jpg");
}

/* Boxed Layout Body Background */

body { 
background-image: url('http://localhost/so/demo/wp-content/uploads/sites/11/2014/10/vNE8214NS9;
}

    To stop repeating add the following property to a given selector:

    background-repeat: no-repeat;

    If you want an image to cover a space then add all these properties:

    background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

    Ref: http://css-tricks.com/perfect-full-page-background-image/

  4. 10 years, 8 months ago CHC Comms

    Thank you – I will try this out! I will also take a look at the plugins at a later date and can let you know! We are on a time crunch to go-live at the moment :)

    Thanks again! I am very impressed with what you guys are doing, and the level of support you provide (and timeliness of such). Great work!

  5. 10 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad we could help out here. Let us know if you need a hand moving forward.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More