Logo

• 

  leosadie · Member · Jan 25, 2016 at 8:06 pm

  • Copy link
  • Add topic to favorites

  How do I make the size of my logo bigger? Using Dyad Theme.
  Right now, it is only a size of a thumbnail and I can not see it clearly.

• 

  thepassportpair · Member · Jan 25, 2016 at 9:43 pm

  • Copy link

  I have this same question! It appears that the logo size is limited to 300px wide and 100 px high but I want to make it bigger!

• 

  kathrynwp · Staff · Jan 26, 2016 at 4:58 pm

  • Copy link

  Could you both please provide links to your sites running Dyad so I can take a look?

• 

  thepassportpair · Member · Jan 27, 2016 at 12:46 pm

  • Copy link

  http://www.passportpair.com

• 

  kathrynwp · Staff · Jan 27, 2016 at 3:26 pm

  • Copy link

  thepassportpair – your observation is right, the maximum height on the logo in Dyad is 310px, and the max width is 100px.

  Since you have access to custom CSS, you can adjust that with some code. Try adding this in your custom CSS panel in the Customizer to double the size, for example:

  .site-branding .site-logo-link img {
      max-height: 200px;
      max-width: 620px;
  }

  If you need further CSS help, please feel free to post in our CSS Customization forum.