Make Site Title/Header an Image in Heart Style Theme

• 

  pineapplehouserules · Member · Jul 21, 2017 at 9:52 pm

  • Copy link
  • Add topic to favorites

  Hi there – I’m trying to play with the site title/header on my blog. I have an image (png) that I’d like to upload to use as the title instead of the prescribed text box the theme provides. Any ideas?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 21, 2017 at 10:07 pm

  • Copy link

  Hi there, have you tried inserting your image as a Custom Logo at Customize > Site Identity. You can also uncheck the “Display Site Title and Tagline box to hide the text-based site title and tagline.

  See the Setup page for Heart and Style and scroll down to Site Logo for more information.

  Give that a try and let me know how things go.

• 

  pineapplehouserules · Member · Jul 21, 2017 at 10:17 pm

  • Copy link

  Oh thank you! Yes, that worked! Do you know how to resize it to make it larger?

• 

  thesacredpath · Member · Jul 22, 2017 at 4:21 am

  • Copy link

  Hooray and you are welcome!

  To make it larger, we can use a bit of custom CSS. Go to Customize > Additional CSS and delete all the informational text and paste in the following.

  #logo img {
  	max-width: 100%;
  }

  If you want it a bit smaller than what the above does, just adjust the 100% down to something like 90 or 95 or something.

• 

  pineapplehouserules · Member · Jul 22, 2017 at 2:37 pm

  • Copy link

  Perfecto! It works!

• 

  thesacredpath · Member · Jul 25, 2017 at 6:02 am

  • Copy link

  You are welcome.