Organization Theme: Adding Image to Footer

kariwoodwsc · Member · Apr 29, 2015 at 12:04 am
Copy link

Add topic to favorites
Hello,
We’re using the Organization theme. Is it possible to add an image in the center of the footer, in between the “Blog at WordPress.com” text and the social media icons?

View our site at washingtonservicecorps.org.

The blog I need help with is: (visible only to logged in users)
kokkieh · Staff · Apr 29, 2015 at 9:25 am
Copy link
Hi there. This might be possible using CSS, provided you have the Custom Design upgrade.

One of the themes staff might give you an answer here, but you can also try posting in the CSS Customization forum for the code needed to do this: https://en.forums.wordpress.com/forum/css-customization#postform

See here for more info on the custom design upgrade:
http://en.support.wordpress.com/custom-design/#frequently-asked-questions
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-design/editing-css/
kariwoodwsc · Member · Apr 29, 2015 at 9:29 pm
Copy link
Thanks Kokkieh. Yes, we have the Custom Design upgrade with the CSS editor; I just don’t know much about CSS yet, and the code I added didn’t do anything. :) I’ve seen in other forum posts about the Organization theme that certain types of changes aren’t possible with CSS, but haven’t run across a post yet that addresses my question.
kokkieh · Staff · Apr 30, 2015 at 4:39 am
Copy link
Use the link I gave above to start a new thread in the CSS forum. They’ll be able to tell you exactly whether or not this is possible and what code you would need.
thesacredpath · Member · Apr 30, 2015 at 10:50 pm
Copy link
@kariwoodwsc, no need to start a new thread. I was able to move this thread over to the CSS forum for you. I took a look in your Media library and grabbed the Americorps image just to use as an example in the following code. You can replace the URL in the background-image declaration with the image you upload to put into the footer. The 10% value in the background-size declaration may have to be adjusted for your chosen image.
```
#footer {
    background-image: url('https://stacykleinblog.files.wordpress.com/2015/04/image-acwa-footer.png');
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 10%;
}
```
kariwoodwsc · Member · Apr 30, 2015 at 11:21 pm
Copy link
Sacred Path, this is awesome – exactly what I wanted – thank you!! (and you picked the right image too!) Thanks for responding so quickly.
thesacredpath · Member · Apr 30, 2015 at 11:57 pm
Copy link
Awesome, and you are welcome!

No items found.