WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Replacing Header Text with a Logo? (6 posts)

  1. rahsanca
    Member
    Posted 5 years ago #

    Hi. I'm enjoying your theme. Trying to get my blog up and running but was hoping to replace the Header Title/Text with a logo. I first attempted just replacing the header background as you had described to someone in a previous post, but of course this causes the background/logo to change position depending on the browser window size. Any way I can have a small .jpg locked in position just like the header type?
    link: http://www.publicpersonae.com/blog
    Many thanks!

  2. Chandra M
    Member
    Posted 5 years ago #

    Hi rahsanca,

    Why don't you try this:

    #headerimg h1 a {
    	background: url(http://url of your image) 20px 0px no-repeat;
            width: 200px;
    	height: 65px;
    	display: block;
    	text-indent: -999px;
    }

    Paste this over your style.css just before the
    #headerimg .description {
    tag.

    Fill the needed URL.

    Hope that helps,
    Chandra

  3. bekabug
    Member
    Posted 5 years ago #

    Using a negative text indent is not a good way to do things...especially given that small of a number. I have my monitor running at 2560 x 1600. If I have my browser open full size (not likely, but possible) I am going to see the text there.

    At the very least, use -9999px

    http://css-tricks.com/nine-techniques-for-css-image-replacement/

    If the only reason you are using this is to change the font, consider FLIR.

    http://wordpress.org/extend/plugins/facelift-image-replacement/

    Good luck

    :)

  4. rahsanca
    Member
    Posted 5 years ago #

    Thanks so much everyone! I got it to work.

  5. Chandra M
    Member
    Posted 5 years ago #

    yep.. ok -9999px :)

    Thanks all.

    (Post it as resoved perhaps) ??

  6. Bayas
    Member
    Posted 5 years ago #

    I can't get it to work.. I've tried the code from here, in addition to #8 of the nine techniques for CSS image replacement.

    Can anyone please tell me what code to insert where? The nine techniques referres to code in header.php and style.css? I would really appriciate it! I only want a simple logo in the header.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags