making my own image the site title

  • Hi,
    I’m sorry if this is an age old question. I would like to replace the site title with my own image. I’ve tried other things and nothing seems to work. I do have a child theme. My site is candidlovephotography.com/blog. Thank you for any direction!

Viewing 1 replies (of 1 total)

  • I am new here, as of last week, so you probably shouldn’t listen to me, but I did get a logo in the space beside the Site title, and maybe part of that code could somehow help you if you put your image instead of a logo. I got the code off a forum, but I am not sure it it creates validation errors… so I guess if you tried it it would be up to you to check that for your site (it still looks good).

    /* ===== begin logo ===== */

.site-header h1 a:before {
	content: "";
	display: block; width: 48px; height: 48px;
	margin: 0 auto 12px;
	background-image: url("https://your website.co.uk/wp-content/uploads/2014/10/Logo-for-your website.png");
	background-size: cover;
}
.site-header h1 { margin-bottom: 0; }

@media screen and (min-width: 600px) {
	.site-header h1 a:before {
		width: 72px; height: 72px;
		position: absolute; top: 0; left: -96px;
	}
	.site-title, .site-description { position: relative; margin-left: 96px; }
}

/* ===== end logo ===== */

    I also tried

    .site-title{
    display: none;
}

    on my page to see what it did – it removes the site title, but you would probably also have to do one for the tag if you had a tag. But this also removes the logo above… so I am not sure.

    I play around with these things because I know nothing!

    I hope someone else will answer you too!

Viewing 1 replies (of 1 total)
  • The topic ‘making my own image the site title’ is closed to new replies.