Posted 1 year ago #
I recently added footer widgets to my theme (piggie-bank) via a tutorial to my test blog.
However, the image from the right sidebar keeps transferring to the footer, where I'd like to use a different image.
I tried using the !important key but that had no affect. Hopefully it's an easy fix.
Any help would be greatly appreciated.
What image are you referring to? Please be as specific as possible so people can help you. Thanks.
Posted 1 year ago #
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.
Posted 1 year ago #
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.
Posted 1 year ago #
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!
Posted 1 year ago #
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.
This topic has been closed to new replies.
