Support » Themes and Templates » Adding image to header

Adding image to header

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Caroline Moore



    Yes, you can use CSS in a child theme or a CSS plugin (like Jetpack) to do this. I recommend using a browser add-onFirebug for CSS work–makes it much easier.

    I haven’t tested this, you’ll probably need to play around with it a little to get it to work:

    .site-title:after {
      background:url('/path/to/your/image.png') no-repeat;
      content: "";
      display: inline;
      width: 100px; /* Change to the width/height of your images */
      height: 100px;

    Thank you for your response. But I can’t get that to work at all, even playing around with it for over an hour. ugh. any other suggestions would be appreciated.

    Forum Moderator


    while copying the suggested css, you made several mistakes;

    also, use display: inline-block;


    .site-title:after {
      background-image:url('http://thebargaincafe.com/wp-content/uploads/2012/12/tinycoffee.jpg'); background-repeat:no-repeat;
      content: "";
      display: inline-block;
      width: 50px;
      height: 50px;

    I cannot thank you enough alchymyth!!! It works 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding image to header’ is closed to new replies.