[Theme: Ridizain] Remove White Space in Header

  • danielwp

    (@danielwp)


    8 years, 11 months ago

    Hi guys,

    I’ve created a Ridizain child theme for my site futbolpulse.com and edited my style.css file to hide the site description/tagline. Now I’m left with a large white space under my primary menu and above my featured content grid.

    What would I need to do in order to remove this white space?

    Thanks,
    – Dan

Viewing 6 replies - 1 through 6 (of 6 total)
  • Kharis Sulistiyono

    (@kharisblank)

    8 years, 11 months ago

    Hi,

    Do this. 

    .masthead-fixed .site-main {
    margin-top: 0;
}

    I hope it helps.

    Thread Starter danielwp

    (@danielwp)

    8 years, 11 months ago

    Hi Kharis,

    Thanks for the help! The only problem with it is that it cuts off the top of the featured grid images. Is there any way to avoid this?

    Thanks!

    EDIT: Nevermind, found a fix myself! I changed the value from 0 to 48px. Thanks again for everything 🙂

    Thread Starter danielwp

    (@danielwp)

    8 years, 11 months ago

    I have another (related) question.

    I’ve removed the extra white space, however this cuts off the titles on post pages. Is there a way to make Kharis’s css code only function on the home page?

    Thanks again,
    – Dan

    Kharis Sulistiyono

    (@kharisblank)

    8 years, 11 months ago

    Hi Dan.

    Use this

    .home .masthead-fixed .site-main {
    margin-top: 0;
}
    Thread Starter danielwp

    (@danielwp)

    8 years, 11 months ago

    That didn’t seem to work, the white space showed up on all the pages including the home page.

    Thread Starter danielwp

    (@danielwp)

    8 years, 10 months ago

    Could someone help me out? When I used the following code it successfully eliminated the white space in all pages.

    .masthead-fixed .site-main {
    margin-top: 0;
}

    However, when I used the following code, it didn’t eliminate the white space on any page, including the home.

    .home .masthead-fixed .site-main {
    margin-top: 0;
}

    Is there a way to eliminate the white space only on the homepage? The .home tag doesn’t seem to be working for me.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Ridizain] Remove White Space in Header’ is closed to new replies.