Adjust logo size

• 

  wyildaafnorden · Member · Jan 12, 2016 at 10:54 am

  • Copy link
  • Add topic to favorites

  I cannot adjust the size of my logo. I tried in Customizer CSS to write .navbar-wrapper .brand {width:23%; float:left;} AND /* logo (change width from 0-100%; float from left/center/right) */ .navbar-wrapper .brand {width:100%; float:center;} /*menu bar size*/ .navbar-wrapper .navbar {width:99%; float:center} /*menu bar text */ .navbar .nav { display: block; float: right; left: 0; margin: 0 10px 0 0; position: relative; } .navbar-wrapper .navbar {width:77%; float:right} BUT nothing happens. Not even when I save and publish. What is wrong? What should I do?

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

• 

  thesacredpath · Member · Jan 12, 2016 at 10:08 pm

  • Copy link

  Hi, the WordPress and theme software creates the logo image it uses in the size allotted for it in the theme. If we enlarge that image, it will very quickly lose quality since we are enlarging a small copy of your image. You can see what I mean by entering this custom CSS.

  .site-logo {
      height: 300px;
      width: auto;
  }

  Given you want you logo larger, this would be the better way of doing things to keep the image quality high. The first rule hides the existing logo and then we add the logo image back using the original image.

  .site-logo {
      visibility: hidden;
  }
  .site-logo-link {
      background: url("https://wyildadotcom.files.wordpress.com/2016/01/logga-wyilda-f11.png") no-repeat scroll 0 0 /contain;
      display: block;
      height: 200px;
      visibility: visible;
      width: 300px;
  }

  I would suggest that you resize that file in an image editing program down to about 600px wide. That will make the image on your site better quality and it will also speed loading of your site since that large image file is pretty big (file size).

• 

  wyildaafnorden · Member · Jan 13, 2016 at 2:21 pm

  • Copy link

  Thank you so much for helping out!

• 

  thesacredpath · Member · Jan 13, 2016 at 8:55 pm

  • Copy link

  You are welcome.