Need help? Check out our Support site, then


How do you replace the header text with a logo image?

  1. On the Forever theme how do you replace the header text with a logo image?

    The blog I need help with is janeblandcc.wordpress.com.

  2. Oh dear! I'm so sorry. I just noticed this is posted in the CSS Forum.

    See here > http://en.forums.wordpress.com/topic/change-header-title-to-logo-image-in-forever-theme?replies=3

  3. I tried this however i am not seeing any results. Am I going wrong somewhere?

    /* =Header
    ----------------------------------------------- */

    #masthead {
    padding: 3.23em 0 0;
    }
    #site-title a {
    display: block;
    background: url(http://janeblandcc.files.wordpress.com/2013/02/cropped-jane-bland-cmyk-logo.jpg) no-repeat center center;
    width: 885px;
    height: 315px;
    text-indent: -9999px;
    margin: 0 auto;
    }

    /* =Menu
    ----------------------------------------------- */

  4. That CSS is to replace header text, and so it will only work if you have checked the "Show header text with your image." option on your Appearance → Header page.

    Note that that may not be the best solution if you are going to use a large header image.

    I noticed you have a ton of CSS saved in your Appearance → Custom Design → CSS page, and that's probably not necessary. When using the "Add-on" mode (recommended), then you can just paste in the CSS rules for things you want to change and you don't have to copy and paste the entire original stylesheet.

Topic Closed

This topic has been closed to new replies.

About this Topic