Logo instead of text in header

  • Forgive me, I’m sure this should be simple but I’m brand new at this. I would like to insert a logo (.png) where I currently have my blog name in text. My blog is located at:

    https://blenderdude.com

    The theme I am using is a free theme called Ekologic. It can be found at:

    https://www.web2feel.com/ekologic/

    I have tried to use the theme forums to solve this, but to no avail. I did find a forum thread on the topic, but it has failed to work for me. This is how we’ve been instructed:

    https://bit.ly/i9ty0N

    This is what my style.css looks like after following the suggestion:

    .blogname {
    width:600px;
    font-family:Ravie,Century gothic,Verdana,Tahoma,sans-serif;
    margin:10px 0 0 0px;
    float:left;
    height:60px;
    background:url(images/bdlogocapture.png) no-repeat;

    }

    As for the header.php, I have tried deleting some and all of what has been suggested. Nothing works. Any help would be greatly appreciated.

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

  • Try something like this:

    .blogname {
	width:600px; height:60px;
	margin:10px 0 0 0px;
    	float:left;
}
.blogname h1  {

	}
.blogname h1 a{
	display:block;
        height: logo height in px; width:logo height in px;
        background:url(images/logo.png) no-repeat;
        text-indent:-9999em;
}

    When I navigate to this page – https://blenderdude.com/wp-content/themes/ekologic/images/bdlogocapture.png

    I get a page not found. Make sure that you have the right name for your logo and that it’s on the server.

    And don’t forget to insert the right height and width of your logo.

    Thread Starter jonaco

    (@jonaco)

    Thank you for trying to help me, Christine. I got close, but this is just too far above my pay grade at this time.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo instead of text in header’ is closed to new replies.

Tags