insert image into "site title" using Twenty Twelve theme

• 

  helencarvalhido · Member · Feb 13, 2014 at 9:06 pm

  • Copy link
  • Add topic to favorites

  Hello, I’m thinking of getting the custom design upgrade as I want to insert an image logo into the “site title” space, rather than text, using the Twenty Twelve theme. Will I be able to do this if I get this upgrade? Or is it something different I need? Or is it just not possible?

  I don’t want to buy it and then find it doesn’t do what I need. Any knowledge appreciated.

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

• 

  thesacredpath · Member · Feb 16, 2014 at 1:36 am

  • Copy link

  Hi there, This would be the basics, and adjustments would likely be necessary depending on the size of the logo you are going to use. Upload your image to the media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your logo image.

  .site-header h1 a {
  	background: url('URL_OF_IMAGE') left center no-repeat;
  	height: 100px;
          color: rgba(0, 0, 0, 0);
  }
  .site-header h1 a:hover {
          color: rgba(0, 0, 0, 0);
  }