Logo Size and Main Title Customization

mathiasmethod · Member · Mar 29, 2016 at 6:45 pm
Copy link

Add topic to favorites
I am very new to this and I do not understand css codes but I am trying to learn. My issue is that on my site http://mathiasmethod.com/ my logo and main title do not stand out. The logo is much too small and the main title is not centered. I see a lot of wasted space in the middle that makes it bland. Is there a css code that will force my logo to be larger? Is there a css code that expands the horizontal space my main title is able to be in? Or is there a way to make the background, only above the menu before my writings, a different color than the rest of the page? Thank you for any help! I really am lost.

The blog I need help with is: (visible only to logged in users)
theilluminatededge · Member · Mar 29, 2016 at 7:56 pm
Copy link
I am having the exact same problem! Did you get any advice on this!!?? Also, I can’t get through to them via a chat box. What is up with that??
thesacredpath · Member · Mar 30, 2016 at 5:45 am
Copy link
On the logo, we can increase the size of it with CSS. The following will make the logo the same height as the title/tagline area, but keep the title and tagline basically where they are. See what you think of this. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.site-logo {
    max-height: 150px;
}
```
This solution is a bit more complex and uses a Media Query to limit this change to screen/window widths wider than 640px, which is when the logo, title and tagline center.
```
@media screen and (min-width: 641px) {
  .site-title-wrapper-inner {
    width: 100%;
    padding-bottom: 0;
  }
  .site-title, .site-description {
    text-align: center;
    position: relative;
    left: -80px;
  }
  .site-logo {
    max-height: 150px;
  }
  #masthead .social-menu {
    position: relative;
    top: -165px
  }
  .main-navigation-container, .site-content {
    position: relative;
    top: -100px
  }
}
```
mathiasmethod · Member · Mar 30, 2016 at 2:04 pm
Copy link
It worked!!! Thank you so much! You may have saved my website!
thesacredpath · Member · Mar 30, 2016 at 8:10 pm
Copy link
Awesome, and you are welcome.

No items found.