Logo Size and Main Title Customization
-
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)
-
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??
-
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 } } -
-
- The topic ‘Logo Size and Main Title Customization’ is closed to new replies.