9 thoughts on “Theme Morden By Automattic: reduce gaps, modifications of header, contents, sidebars and more changes”

  1. Thank you for your posts. I always find great information here!
    There are a few questions on the Morden theme that I can’t seem to find anywhere else. The site I’m working on is ashleymstokes.com

    How do I:
    Change highlight color on subnav from red to another color?
    Remove space between the header and cover block?
    Remove navigation in header?
    Remove footer from the home page? (I’m trying to make the home page just a splash page)
    Move “Enter” button position on home page? (I tried changing the focal point, tried changing from left to center – nothing works)
    I really appreciate all the information you post – it is a blessing.

    Like

    1. Sorry – realized that I wasn’t clear on one of the questions. “Remove navigation in header?” should read “…on only the home page.”

      Like

      1. Hi Ashley

        1) Change highlight color on subnav from red to another color in Morden theme
        .site-header-wrap .main-navigation > div > ul > li:hover li:hover > a {
        background: green !important;
        }

        2) Remove space between the header and cover block
        #main {
        padding-top: 32px !important;
        }

        3) Remove navigation in header in homepage

        .home nav#site-navigation {
        display: none;
        }

        4)Remove footer from the home page? (I’m trying to make the home page just a splash page)
        .home footer#colophon {
        display: none;
        }

        .home #main {
        padding-bottom: 0px !important;
        }

        Regarding Enter button

        .home a[href=”http://www.ashleymstokes.com/bio/”] {
        /* float: none !IMPORTANT; */
        margin-left: auto !IMPORTANT;
        margin-right: auto !IMPORTANT;
        position: absolute;
        /* display: block; */
        text-align: center;
        left: 0;
        right: 0;
        width: 170px;
        }

        please let me know if that is ok or not

        Like

  2. This is wonderful. Thank you so much.
    The only issue we ran into, is that the header and cover block still has space between them on the mobile version. Other than that everything worked perfectly.
    If I may ask two more questions (both about spacing).
    1. how do I reduce the spacing between header and content?
    2. how do I change spacing in bulleted lists?
    I can’t tell you how much I appreciate all your help, and the abundace of information in your blog.
    -Theresa

    Like

    1. Hi Theresa
      would you mind to check this for mobile issue

      @media (min-width: 320px) and (max-width:668px) {
      .home #main {
      padding-top: 0px !IMPORTANT;
      }
      }

      for the issues u mentioned

      1. how do I reduce the spacing between header and content?
      2. how do I change spacing in bulleted lists?

      ** would you mind to share me the pages where the issues are showing?

      Regards
      Om

      Like

      1. That worked! The mobile version looks good. Noticed that button still isn’t moving off the edge of the door…but that is such a minor thing.
        As to the spacing, all the pages (with exception of the home page), I’d like to reduce the space between the header and content by half.
        On the Operations page, I’d like to increase the space between bullet points.

        Like

      2. Hi Theresa
        for the spacing issue please try this

        body:not(.home) main#main {
        padding-top: 0px !IMPORTANT;
        }

        To increase spacing between bullet points, try this

        .entry-content ul li {
        margin-bottom: 22px;
        }

        let me know if that helps

        Regards
        Om

        Liked by 1 person

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s