Replacing Title with Logo in header area

  • Resolved Troy

    (@troycruisingnwcom)


    12 years ago

    I would like to replace the text “Site Title” with our logo on our site.

    https://www.cruisingnw.com

    I tried this as advised by Paul, at first I could get the text to not appear, but no logo.

    #site-title{
    text-indent: -9999px;
    background: transparent url(https://path/to/logo/image) no-repeat 0 0;
    width: 100px; /* width of logo image */
    height: 100px; /* height of logo image */

    }

    #site-title a {display: block; height: 100px; width:100px; /* same dimensions as #site-title */}

    So, I am stuck.

Viewing 15 replies - 1 through 15 (of 32 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did you add that code?

    Thread Starter Troy

    (@troycruisingnwcom)

    in the visual editor css

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you using Jetpack?

    Thread Starter Troy

    (@troycruisingnwcom)

    No. Honestly not sure what JetPack is.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you using a Child Theme?

    Thread Starter Troy

    (@troycruisingnwcom)

    No. Just using the spine theme

    Thread Starter Troy

    (@troycruisingnwcom)

    This is exaclty what I put in.

    #site-title {
    text-indent: -9999px;
    background: transparent url(https://cruisingnw.com/?attachment_id=1786) no-repeat 0 0;
    width: 280px; /* width of logo image */
    height: 101px; /* height of logo image */

    }

    #site-title a {display: block; width:280px; height: 101px; /* same dimensions as #site-title */}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your CSS looks right, but I don’t think you’re entering it in the right place.

    Download (and install) a Custom CSS Manager plugin and use its allocated section of the dashboard to hold your CSS modifications.

    Thread Starter Troy

    (@troycruisingnwcom)

    ok, I’ll try that. So remove it from where it is, and then put it in that?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If it wasn’t there originally, yes remove it and transfer it to the Custom CSS Manager section.

    Thread Starter Troy

    (@troycruisingnwcom)

    ok, downloaded. Installed.

    Entered into it. Saved. Same result.

    Thread Starter Troy

    (@troycruisingnwcom)

    Thanks for the help by the way… would love to get this fixed!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The path to your image is wrong.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It should be something like

    /wp-content/themes/yourThemeName/path-to-image/image.png

    Thread Starter Troy

    (@troycruisingnwcom)

    oh, ok. i’ll change that

Viewing 15 replies - 1 through 15 (of 32 total)
  • The topic ‘Replacing Title with Logo in header area’ is closed to new replies.