Hi Ellie and welcome to our.

How about this:

.footer {
   background-color:#292832;
   background-image:url('/media/1165/bgimgfooter.png');
   background-position:top center;
   background-repeat:no-repeat;
   width:100%; 
}

Now I can see that is a background image for the footer on your site. If the user not should change it, I could be a good idea to locate site graphic outside the Umbraco media library, Then you will be sure that some users not delete your site graphic, such as header graphic or footer graphic. Logo could be a good idea to make changeable for the user.

If you want to do like this you could make a folder beside the umbraco folders (css, masterpages, and so on) called e.g frontend. In this folder you could keep the page graphic that the user not should change.

Hope this helps,

/Dennis

Thank you for reply , nop doesn't show

I am using Umbraco 7

a part from uploading the image in media/Images folder do I need to do anything else?

I am not surehow do you mean but I have master page as well and I have tried this as wellbut again backgroung image doesn't show.

    <div style="background-color:#292832;background-image:url('/media/1165/bgimgfooter.png');background-position:top center;background-repeat:no-repeat;
    width:100%; ">  

 
<umbraco:Macro Alias="Footer" runat="server"></umbraco:Macro>

    </div>

Thanks for your help

Hi Ellie,

How about this:

.footer {
   background-color:#292832;
   background-image:url('/media/1165/bgimgfooter.png');
   background-position:top center;
   background-repeat:no-repeat;
   width:100%; 
   height: 100%;
}

And make sure that the id of the image is correct. You can get the path to the image, by go the media library click on the image, then you will see a preview of the image.

When you clicked on the preview, you will get the path to the image. Did you see my addition to my first comment.

Hope this helps,

/Dennis

Hi Ellie

Can you access the image you're trying to display by going to the frontend of your website adding /media/1165/bgimgfooter.png?

So something like http://yourdomain.com/media/1165/bgimgfooter.png

/Jan

Hi Jan,

No I can't ,

Server Error :

Hi Ellie,

Try go to the media library and find the bgimgfooter.png image. When you´re on the image, you will see a preview of it. Then you can get the path to the image by click on the image.

You can also see the id of the image under the properties tab.

I have made a screenshot where to find the id of the image.

Hope this helps,

/Dennis

ok now I can accessto the image

http://www.lffadmin.co.uk/media/1036/bgimgfooter.png

But still it doesn't show the  image

.footer {
    background-color:#292832;
    background-image:url('media/1036/bgimgfooter.png');
    background-position:top center;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
}

id in property tab is different from the Url when I click on Image

id in property tab is 1165 while the url is  media/1036/bgimgfooter.png

heyyyyyyyyyyyyyyyyyyyyyy thank you Dennis you are right

is working on a reply...