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 8 months, 3 weeks ago.

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

    dev
    Participant
    Post count: 451

    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?

    Thanks

    #71594

    nutsandbolts
    Moderator
    Post count: 3113

    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, Nuts and Bolts Media
    I provide dev and training services for web 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.