Different Footer Widget/Sidebar Images

What image are you referring to? Please be as specific as possible so people can help you. Thanks.

The prp.jpg (I think) image in the sidebar that is being repeated in the footer widget.

That’s because your blogroll looks like this:

<div id="linkcat-2" class="box-right"><h4>Blogroll</h4>
<ul class='xoxo blogroll'>
[.....] content edited
</div>

and the box-right class is defined as this:

.box-right{background:#222222 url(img/prp.jpg);border:0px solid #2b2e32;margin:0 20px 20px 0;padding:15px;}

You need to remove the box-right class from the footer widget (not sure how it got there) or add some CSS to override it in the footer.

Yes, what I am asking is how to override it in the CSS footer. I am uncertain how lol

If you want everything else to remain the same but just remove the background image, try:

#footer-sidebar .box-right { background-image: none !important;}

Removing images in CSS can sometimes be tricky – see if this works first.

Thank you kindly. I had tried this previously and it’s not exactly what I was looking for, but I guess it may have to do?

I would have preferred to put a different image in the footer than the prp image (any image I put still shows up underneath).

If you mean you want a different background-image in the footer widgets than the one that’s showing in the sidebar widgets, then do:

#footer-sidebar .box-right { background-image: url(img/footer-image.jpg) !important;}

If you’re trying to accomplish something else, please be as specific as you can. Thanks!

Sorry, I thought my original post depicted what I was after adequately.

However, the image from the right sidebar keeps transferring to the footer, where I’d like to use a different image.

Thank you, that worked great. I think everything I was trying before failed as I was using #footer-sidebar1 to try and complete the commands.

Silly me.