Support » Theme: Morning » Reduce padding around logo area

  • Resolved moderqt4

    (@moderqt4)



    Hello,

    I am trying to reduce the excess white space around my logo in the header area. I used this code that I found but it doesn’t seem to work:

    .site-logo {
    padding: 0;
    }

    I downloaded WP Custom CSS plugin and placed the code in there.

    Thank you!

Viewing 15 replies - 61 through 75 (of 103 total)
  • Hi Ben,

    Thanks, just implemented the new file. The only thing is now the first title on the homepage isn’t aligned with the top edge of the information on the side bar.

    When there was a picture first, the top edge of the pic use to be aligned with the top edge of the side bar.

    Is there a way to tweak this?

    We just launched our site! modernflourish.com if you wanted to see what I meant about horizontal alignment (right under the logo).

    We also just checked it out on our phones (Chrome) and the logo doesn’t seem to adjust (but everything else is good!)

    Thanks for your help!

    Theme Author Ben Sibley

    (@bensibley)

    Congrats, looking good 🙂

    This CSS will move the first title up on the blog page and keep the logo from overflowing the screen on mobile devices:

    .post-header {
      margin-top: 0;
    }
    .title-container {
      max-width: 100%;
    }

    Great that fixed it.

    Small aesthetic tweak with logo:

    1) I still can’t seem to reduce the white space between the top tool bar and the top of the logo on desktop. I’ve set padding to none and it doesn’t change anything.

    2) On mobile, there is way too much space surrounding the logo…

    Theme Author Ben Sibley

    (@bensibley)

    Got it, there’s a section like this currently in the Custom CSS section:

    .title-container {
      margin: 4.5em auto;
      text-align: center;
      width: 700px;
      height: 100px;
      max-width: 100%;
    }

    Please update it to the following to adjust the spacing around the logo:

    .title-container {
      margin: 0 auto;
      text-align: center;
      width: 700px;
      height: auto;
      max-width: 100%;
    }

    And then add the following as well:

    @media all and (min-width: 900px) {
    
      .title-container {
        margin: 1.5em auto 3em;
      }
    }

    Wow it worked! Thanks so much Ben!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome 🙂

    Hi Ben,

    I hope you are doing well- thank you so much for all your help setting the site for us.

    We’ve been tweaking a few things here and there in the past month and right now I’m struggling to understand why we don’t have a description of our blog when you google modern flourish.

    Compared to when you google “Oh She glows” you can see how its listed the different sections.

    If you have any insight we’d greatly appreciate it!

    Thank you!

    Theme Author Ben Sibley

    (@bensibley)

    Hello 🙂

    Doing great, thanks!

    That part of the Google search results is called the “meta description.” I always use the Yoast SEO plugin for setting meta descriptions and for all SEO-related site optimizations.

    One thing to be aware of is that Google isn’t guaranteed to use the meta description you set, but for homepages it almost always will.

    Hmm I’ve written a meta description for each post, but is it part of the plugin to also insert a meta description for the whole site?

    Do you mind googling our site to see what I mean? Google for some reason just shows a random snippet…

    Theme Author Ben Sibley

    (@bensibley)

    I see. In the “Titles & Metas” menu in Yoast SEO, there is “Homepage” tab (screenshot). Since you’re displaying your latest posts, you can use that to set a meta description and title tag for the homepage.

    Hi Ben,

    Thanks. A couple more questions for you…

    In our Yoast, we don’t have a Titles & Metas tab. Is this a premium feature? We just have Dashboard and Search Console listed below Y SEO.

    Another question for you. We are trying to do a Webmaster Tools verification. When we click on Google Search Console link, it says to download a file and then upload onto our site. Where do we upload this?

    As always, thanks!

    Theme Author Ben Sibley

    (@bensibley)

    I forgot they made it hard to find in a recent update. To get that section, you need to go to the “Dashboard” menu, click on the “Features” tab, and then enable “Advanced settings pages.” Then you’ll have the titles and metas menu.

    You can upload that file to your server via FTP. Otherwise, if you have Google Analytics running on the site, that can be an easier method to verify ownership.

    Thanks Ben – I’ve enabled the features (would never have found this!)

    Now I am on the Homepage > Title template.
    What we are trying to do is:
    1. Google modern flourish
    2. See Modern Flourish + description (guessing this is meta description?)
    3. Below show a few categories and their description (i.e. About, Contact etc.)

    I’m having trouble finding where to add this information.

    Thanks!

    Theme Author Ben Sibley

    (@bensibley)

    Okay cool. Next time Google crawls the site they’ll get the meta description and most likely start displaying it in the search engine results pages.

    The additional links are called “Sitelinks.” Google picks these and doesn’t give you a way to control them (or if they show at all). The pages are usually the same ones listed in your menu, but pages that get linked to a lot may show up too.

Viewing 15 replies - 61 through 75 (of 103 total)
  • The topic ‘Reduce padding around logo area’ is closed to new replies.