HEADER on NOMUSE and TwoTone

• 

  tobialamare · Member · Jan 8, 2016 at 10:07 am

  • Copy link
  • Add topic to favorites

  Is there a way to set a bigger logo size on the header of NOMUSE and to set “no color” on the header of twotone?
  anyone can help?
  thanks!

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

• 

  thesacredpath · Member · Jan 9, 2016 at 6:35 am

  • Copy link

  Hi there, the two sites associated with your username are using iTheme2 and Promenade. We do not have a theme here at WordPress.com called Nomuse. Can you give us a link to the site you are talking about for both Twotone and “Nomuse”?

• 

  tobialamare · Member · Jan 9, 2016 at 10:59 am

  • Copy link

  it is for http://lobellorecords.wordpress.com and yes sorry I am using promenade

• 

  tobialamare · Member · Jan 9, 2016 at 10:59 am

  • Copy link

  I was also trying with two tone that’s why i asked for it

• 

  thesacredpath · Member · Jan 9, 2016 at 8:42 pm

  • Copy link

  Hi, on your logo image on Promenade, it is really huge (over 11,000px wide and 6MB in file size) so it is loading very slowly. You need to optimize that image for the web and make it 1,000px, or less, wide and make sure the file size is about 250k. You can edit that image within from your Media Library in the dashboard. Go to Media > Library, click on the image and then click on the edit image button and in the width field on the right, change that to 1000. You don’t have to worry about the height field. It will automatically change to keep the image in proportion. After you enter the 1000 width, click the “scale” button and then click Save

  To make it display larger, add the following custom CSS and then adjust the 300px max width value as desired. It looks good at about 500-600px for me.

  .site-logo {
      max-width: 300px;
  }

• 

  thesacredpath · Member · Jan 9, 2016 at 8:49 pm

  • Copy link

  In Twotone, the logo is originally 320px max width by 90px max height. Those dimensions can be changed.

  This would be the basic CSS you would need, and then adjust the max width as desired (originally 320px).

  .site-logo {
      max-height: 100%;
      max-width: 320px;
  }