• Resolved themusicmonkey

    (@themusicmonkey)


    Trying to replace the logo in the top left of my header over here: http://www.soundsofnowmusic.com.

    I have a custome made logo I want to use, but I don’t know how to get this into my theme’s current coding. I have had specialists help me with the layout so I don’t want to have to start from scratch and re=upload the downloaded theme!

    Please help this 16 year old resolve his issue – all I wanna do is blog to the world and I want to resolve this!

    P.S.
    This is the current theme coding for the header in the stylesheet.css – what should I be changing and with what?

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

Viewing 8 replies - 1 through 8 (of 8 total)
  • It looks like your logo is here:
    images/pixdesign_logo.png

    As listed in your CSS here:
    #logo a{ background: url(images/pixdesign_logo.png) no-repeat right top; height: 120px; width:225px; display: block; outline: none; text-indent: -9999px; }

    It is only showing a small part of the logo because the height & width are small (120 x 225).

    Your options are to either overwrite pixdesign_logo.png or upload a different image to your theme directory and change the CSS to point to the other image.

    Thread Starter themusicmonkey

    (@themusicmonkey)

    Okay thanks! But how do I do either of those things – I’m a novice with coding and wordpress – sorry!

    Thread Starter themusicmonkey

    (@themusicmonkey)

    is there anything more specific to my coding?

    images/pixdesign_logo.png is most likely in the folder:
    wp-content\themes\(your theme)\images
    You need ftp access to overwrite that image.

    Alternatively, you can change your style.css by going into the admin section of your site Appearance>Editor and then make sure style.css is selected. There you could for example point #logo to a different image that you have uploaded to the library.

    You really should look at the links that Esmi has given you. It is really important that you have a basic understanding of CSS if you plan on modifying your theme yourself.

    Thread Starter themusicmonkey

    (@themusicmonkey)

    when I go into my FTP client – via network solutions who are my hosting partner – there is no option on the left hand side for the ‘Wp_content’ folder. How else can I access this?

    Alternatively, how do I point another image to the library? The theme I use was downloaded and then re-uploaded so is that a problem?

    Thanks for all your help so far

    Upload another image to the library. Copy the full path to the image that you just uploaded.

    Then you need to change your style.css by going into the admin section of your site Appearance>Editor and then make sure style.css is selected.
    Find this point in the CSS.

    #logo a{ background: url(images/pixdesign_logo.png) no-repeat right top; height: 120px; width:225px; display: block; outline: none; text-indent: -9999px; }

    take out “images/pixdesign_logo.png” and put in the path to your new image.

    You might want to change the height & width as well so it matches your image.

    Thread Starter themusicmonkey

    (@themusicmonkey)

    Thanks this has proved very helpful.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Replace logo in header’ is closed to new replies.