Title: Adding Sidebar Photo With Code
Last modified: August 30, 2016

---

# Adding Sidebar Photo With Code

 *  Resolved [55carolyn](https://wordpress.org/support/users/55carolyn/)
 * (@55carolyn)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/)
 * When my website was created last year my developer created my blog static page.
   I wanted to change the photo in the upper right corner but I screwed up the coding
   and now there is no photo. The photo was never a Widget..it was written into 
   the code. I went to “Editor” and then “Sidebar” to try and edit it.
 * This is what is currently there and there used to be code for a photo after the
   first two lines. If you go to my blog ([http://www.thebabshop.com/blog](http://www.thebabshop.com/blog)),
   there used to be a photo above “Hello! I’m Carolyn”
 *     ```
       <div id="sidebar">
       	<div class="sidebar-item" id="sidebar-header">
   
       		<p>Hello! I'm Carolyn</p>
       		<p><a href="mailto:hello@thebabshop.com">hello@thebabshop.com</a></p>
       	</div>
       ```
   

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Moderator [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822126)
 * Try this:
 *     ```
       <div id="sidebar">
       	<div class="sidebar-item" id="sidebar-header">
       		<img src="[URL of photo goes here]"/>
       		<p>Hello! I'm Carolyn</p>
       		<p><a href="mailto:hello@thebabshop.com">hello@thebabshop.com</a></p>
       	</div>
       ```
   
 *  Thread Starter [55carolyn](https://wordpress.org/support/users/55carolyn/)
 * (@55carolyn)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822176)
 * thanks! i tried that – no photo showed up but there is a mini little icon barely
   visible now ?? If you go to my blog you can see it to the upper left corner of
   the sidebar.
 * I attached the url of a photo in my media library.
 *  Moderator [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822180)
 * What is the URL of the photo you’re trying to add?
 *  Thread Starter [55carolyn](https://wordpress.org/support/users/55carolyn/)
 * (@55carolyn)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822181)
 * [http://thebabshop.com/blog/wp-content/uploads/2015/12/BBP-Andrea-RyanWedding-237.jpg](http://thebabshop.com/blog/wp-content/uploads/2015/12/BBP-Andrea-RyanWedding-237.jpg)
 *  Thread Starter [55carolyn](https://wordpress.org/support/users/55carolyn/)
 * (@55carolyn)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822182)
 * also – how do I know what to size it, or resize it in code? i think it is too
   big. thanks!
 *  Moderator [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822188)
 * Start with this:
 *     ```
       <div id="sidebar">
       	<div class="sidebar-item" id="sidebar-header">
       		<img src="http://thebabshop.com/blog/wp-content/uploads/2015/12/BBP-Andrea-RyanWedding-237.jpg"/>
       		<p>Hello! I'm Carolyn</p>
       		<p><a href="mailto:hello@thebabshop.com">hello@thebabshop.com</a></p>
       	</div>
       ```
   
 * Assuming that works, adjust the size like so:
 * `<img src="http://thebabshop.com/blog/wp-content/uploads/2015/12/BBP-Andrea-RyanWedding-
   237.jpg" width="250" height="375"/>`
 *  Thread Starter [55carolyn](https://wordpress.org/support/users/55carolyn/)
 * (@55carolyn)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822208)
 * it worked! thank you so much!!
 *  Moderator [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822210)
 * You’re welcome!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Adding Sidebar Photo With Code’ is closed to new replies.

## Tags

 * [Coding](https://wordpress.org/support/topic-tag/coding/)
 * [photo](https://wordpress.org/support/topic-tag/photo/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8 replies
 * 2 participants
 * Last reply from: [James Huff](https://wordpress.org/support/users/macmanx/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/adding-sidebar-photo-with-code/#post-6822210)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics