Logo in Coherent theme

• 

  notdjp · Member · Feb 17, 2016 at 4:36 am

  • Copy link
  • Add topic to favorites

  Hi again,
  I’ve been trying to enlarge the logo on the home page on our site https://vicioustheatre.wordpress.com/
  However, whenever I try using width and height dimensions (going from 100px x 100px to 200px x 200px) for the logo img tag, the logo increases in size but reduces in resolution, even if the original logo graphic is 200px x 200px.
  Something seems to be constraining the true resolution.
  Any hints?
  Thanks,
  David

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

• 

  thesacredpath · Member · Feb 17, 2016 at 5:57 am

  • Copy link

  WordPress and the theme software will create the logo image on the fly at the size set for the theme, so enlarging it will typically result in a reduction in quality. What we can do though is use CSS to insert the image into the site title div and size it accordingly so that you get the 200px x 200px image. Add the following to your custom CSS and see what you think.

  h1.site-title a {
      background-image: url("https://vicioustheatre.files.wordpress.com/2016/02/hb-logo-2002.png");
      display: block;
      background-size: contain;
      background-repeat: no-repeat;
      height: 200px;
      background-position: left top;
      color: rgba(0, 0, 0, 0);
      display: block;
  }

• 

  notdjp · Member · Feb 18, 2016 at 2:59 am

  • Copy link

  Great. Thanks so much. I always learn a little more from your posts.
  Would Google still pick up the title name using this method?

• 

  thesacredpath · Member · Feb 18, 2016 at 3:06 am

  • Copy link

  Yes they will as long as you keep a title set at Setting > General, it is in the HTML, so the search engines still see it.

• 

  notdjp · Member · Mar 5, 2016 at 12:30 pm

  • Copy link

  Just following up … is there some way to link the site title to a different page, rather than the home page?

  Thanks,
  D

• 

  thesacredpath · Member · Mar 6, 2016 at 6:42 am

  • Copy link

  @notdjp, no there is not. That would require editing of the theme files, and we cannot do that at WordPress.com.

• 

  notdjp · Member · Mar 6, 2016 at 8:27 am

  • Copy link

  Thanks for that. Strange that the logo image links to the page on which the logo sits. Would be frustrating for users. Do you know if this might be amended in the future?

• 

  sarahblackstock · Member · Mar 7, 2016 at 5:38 pm

  • Copy link

  Having the header/logo image or text link to the homepage is standard practice on the web, so I’m not sure an option to change that will be added in the future. I can certainly share your request with the team though, just in case! :)

  Let us know if you have any other questions!

• 

  notdjp · Member · Mar 14, 2016 at 4:28 am

  • Copy link

  The thing is, the theme offers the option of making the header image full-screen, which is great. But if you go with a full-screen image (as I have done), the header image doesn’t show on the rest of the site. And so you don’t need the logo on your home page (which is the only place it shows) to link to the home page – it’s circular.
  Cheers,
  David