WordPress.org

Support

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
    Member

    @sixhours

    Thanks!

    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:before,
    .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.

    Michael
    Forum Moderator

    @alchymyth

    while copying the suggested css, you made several mistakes;

    also, use display: inline-block;

    try:

    .site-title:before,
    .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.