• Hi, guys.

    I’ve been trying to do this for about a day now and haven’t had any success, so I’ve decided to head over here.

    The website I’m trying to change the text header to an image to is https://www.trueshowbiz.com

    Any idea how I can change the text into an image? Where should I change the code? Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • One method is to use css to add a background image to the header, then hide the text. This is nice for SEO (still has searchable title) and you can set the height & width to match your image

    In your style.css file add this (or something similar)
    Change the width & height to dimensions of your image, and the ‘images/header_logo.jpg’ to the path for the image you want to use.

    #logo h1 a {
    text-indent:-9999px;
    width:300px;
    height:150px;
    background:url(images/header_logo.jpg) no-repeat 0 0;
    }

    Thread Starter LKR

    (@lkr)

    Thank you, I tried this, however it hasn’t worked completely: the text hasn’t been hidden and only part of the logo is visible.

    Any ideas how to get around this?

    Thank your for your time!

    Thread Starter LKR

    (@lkr)

    Also, does anyone know how to widen the sidebar? Thank you.

    Thread Starter LKR

    (@lkr)

    Can anyone help with these two issues? Thank you.

    Looks like you put that CSS code at the very top of your stylesheet — it should go at the bottom. Further, you should not be editing theme files directly, but rather making changes in a child theme or using a Custom CSS plug-in. Otherwise your changes will be erased when the theme is updated.

    Also, where did you get that theme from? These forums only support themes from the theme repository here so you may need to look to the vendor or developer for more specific help with that theme.

    Thread Starter LKR

    (@lkr)

    Thanks, I tried it at the bottom, but still the same result.

    Oh right, I have tried using Firebug before to preview changes.

    I can’t recall where I got the theme from now…no, I don’t think it was from that list though.

    Thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your theme’s PHP isn’t released by the GPL license and therefore is not supported by WordPress’ forums.

    Thread Starter LKR

    (@lkr)

    Ah okay.

    Where’s the best place to get help aside from here?

    Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to add header/logo image’ is closed to new replies.