Put small graphic in Page Title?

Community Forums Forums Design Tips and Tricks Put small graphic in Page Title?

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  nutsandbolts 2 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #71477


    Does anyone know how to put small logo/graphic next to a Page title. I know you can surround the Page title with simple HTML like

    <em>This Is My Page Title</em> 

    and you will get it in italics, but is there a way to insert a small graphic just before it?




    You can use CSS to put a background on the title, then move the title over a bit so it isn’t on top of the image.

    It would be something like this:

    .entry-title {
            background: url(URL_TO_YOUR_IMAGE) no-repeat top left;
            padding: 0 0 0 40px;

    The padding would probably need some adjustment depending on the size of the image. If that doesn’t work, leave the CSS in place and post a link to your site and we’ll try to help you get it working.

    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.