Logo size

• 

  justicenicolephotography · Member · Mar 1, 2016 at 2:42 am

  • Copy link
  • Add topic to favorites

  Hello!

  I am interested in sizing up my logo and also centering it.

  TIA!

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

• 

  thesacredpath · Member · Mar 1, 2016 at 8:45 am

  • Copy link

  Hi, the logo is created on the fly at 240px square, so if we enlarge it, it will lose quality. What we can do though, is to hide the existing logo and then insert the original logo image at a larger size.

  First off, replace the existing .site-branding CSS rule you have in your custom CSS with the following.

  .site-branding {
  	background-color:rgba(0,0,0,0);
  	margin-left: auto;
  	margin-right: auto;
  	float: none;
  	text-align: center;
  }

  Next replace your .site-logo CSS rule with the following.

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

  And finally add the following.

  .site-logo-link {
  	margin-left: auto;
  	margin-right: auto;
  	display: block;
  	background:  url("https://justicenicoledotcom.files.wordpress.com/2016/03/final-logo.png") no-repeat scroll center top /auto 100%;
  }

• 

  justicenicolephotography · Member · Mar 1, 2016 at 2:31 pm

  • Copy link

  @thesacredpath – Thank you! however, the existing log is still there covering up the logo that is in the desired placed.

  thoughts?

• 

  justicenicolephotography · Member · Mar 1, 2016 at 2:33 pm

  • Copy link

  the one in the desired place is much more clear as well – which is obviously preferred.

• 

  justicenicolephotography · Member · Mar 1, 2016 at 2:38 pm

  • Copy link

  actually. got that fixed, but it’s still entirely centered.

• 

  thesacredpath · Member · Mar 1, 2016 at 8:40 pm

  • Copy link

  Did you switch themes?

  I noticed you have used the following to hide the footer credits.

  .site-footer {
      display: none;
  }

  We are not allowed to hide or edit the WordPress.com and theme footer credits per our Terms of Service (#1 Attribution). See the Frequently Asked Questions on the Custom Design support page for more information.

  You are allowed to restyle the footer credits to better fit with your design as long as they remain readable, and you are also allowed to add text to the footer, such as a copyright statement. If you need help restyling, or adding to, the existing footer credits, let us know and we would be happy to help.

• 

  justicenicolephotography · Member · Mar 1, 2016 at 10:23 pm

  • Copy link

  @thesacredpath

  Okay. I will make the adjustments – I noticed it was a questioned within the forum and someone listed the steps so I assumed all was well.

  I did switch themes. I went back to one of the ones I was playing around with already and I like it more.

  I think your a genius and would still be interested in your help.

  I would like to remove the grey box that the site title is on and I do not like how the text is stacked the way it is. Can we fix this?

  Also, if you could direct me on how to doctor up the footer that would be great!

  thank you!

• 

  thesacredpath · Member · Mar 2, 2016 at 9:28 pm

  • Copy link

  I was wondering if I was losing my mind on the theme switch. :)

  On the site title, add the following. I’ve also taken away the top and bottom padding to tighten things up a bit.

  .site-branding {
      background: none;
      padding: 0;
  }

  On the stacking on the site title, about the only thing we could do would be to reduce the size of the font, and perhaps the line height. You can play with the following.

  .wf-active .site-title a {
      font-size: 20px !important;
      line-height: 1;
  }
  .wf-active .site-title {
      line-height: 1.2 !important;
  }