Logo size

• 

  gspotdaiquirishoppe · Member · Jun 25, 2017 at 5:39 pm

  • Copy link
  • Add topic to favorites

  How do I decrease the size of the centered logo on my site. I can’t find the css to apply any changes to.

  My site url is gspotdaiquirishoppe.com

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

• 

  gspotdaiquirishoppe · Member · Jun 25, 2017 at 5:41 pm

  • Copy link

  Also, I want to remove the white thin bar that is center in the lower portion of the header image.

• 

  g471n · Member · Jun 26, 2017 at 6:48 am

  • Copy link

  Hi gspotdaiquirishoppe

  To decrease the size of the logo try adding the following CSS:

  img.site-logo.attachment-luxury-logo-size {
      width: 210px;
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

• 

  g471n · Member · Jun 26, 2017 at 6:52 am

  • Copy link

  To remove the thin white bar add this line.

  .wf-active .custom-header-image .headline.img-headline {
      display: none;
  }

• 

  g471n · Member · Jun 26, 2017 at 7:03 am

  • Copy link

  I’m not sure what kind of account you have but you need to be on the WordPress.com Premium or Business Plan for custom CSS to save.

• 

  gspotdaiquirishoppe · Member · Jun 27, 2017 at 3:12 am

  • Copy link

  Thanks for your help. It worked! Now, once I decreased the size of the logo, it shifted to the left. In other words, it’s no longer centered. How do I get it back centered?

  I have a premium account and all of the changes have applied.

• 

  thesacredpath · Member · Jun 27, 2017 at 4:53 am

  • Copy link

  Hi @gspotdaiquirishoppe, I would suggest a slightly different approach from what @g471n gave. Both will work, but this is what I came up with.

  #masthead .site-branding {
  	max-width: 210px;
  	margin-left: auto;
  	margin-right: auto;
  	float: none !important;
  }

  You may want to edit your original image and crop it so that it has the same whitespace on the left and right sides. Right now there is more whitespace to the right, which makes it a little bit off center.