White space twenty twelve

  • Resolved joergenlie

    (@joergenlie)


    11 years, 11 months ago

    Hi!
    I’ve tried suggestions described here, but cant’t get it to work in my site fossumlie.no

    I want the nivo slider to lay just under the menu so there is no white spacing in between.

    I’ve made my the adjustments to a child theme style.css like this:

    /*
Theme Name: Twentytwelve Child
Description: Child theme for the twentytwelve theme
Author: Your name here
Template: twentytwelve
*/

@import url("../twentytwelve/style.css");

.home .site-header {padding-bottom: 0rem;}

.home .entry-title {
   display: none;

    I appreciate your help:-)

    J?rgen

Viewing 11 replies - 1 through 11 (of 11 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try using Google Chrome’s built-in Developer Tool for this kind of CSS work. I used that tool and found some CSS applying some space https://snag.gy/Zr6Rm.jpg . CSS is along the right-hand-side of the toolbar. HTML is along the left.

    Thread Starter joergenlie

    (@joergenlie)

    Thank you for your time Andrew!

    I managed to cut it down a bit with:

    .home .site-content {
margin:  0 0 0;
margin: 0 0 0;
}

    I’m struggling with the last bit. As far as my limited knowledge goes it seems to have something with .site-content article to do right?

    Looks like the remaining space is from this:

    .entry-header {
    margin-bottom: 1.71429rem;
}

    So add that to your child theme style.css file and change the margin to zero.

    Use

    .home .entry-header {
    margin-bottom: 1.71429rem;
}

    if you only want it to affect the home page.

    Thread Starter joergenlie

    (@joergenlie)

    I tried what you suggested WPyogi, but it didn’t work?

    Anyway, thanks for helping out!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There’s an empty paragraph alongside your slider https://snag.gy/B0vPI.jpg .
    Paragraphs are automatically assigned line height and margin styles, so even if the paragraph is empty (no text), it will contain height.

    Remove this paragraph or display it none with CSS.

    Ooh, good catch, Andrew :)!

    Thread Starter joergenlie

    (@joergenlie)

    Awesome! That’s the needle in the haystack for me:-)

    How would I display it none with css?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try;

    .home .entry-content p:first-child {
 display: none;
}

    Thread Starter joergenlie

    (@joergenlie)

    That doesn’t seem to work:-(

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think you forgot to use WPYogi’s imperative suggestion to reduce the bottom margin of .home .entry-header to zero. The suggestion to hide the paragraph works in combination to that.

    Thread Starter joergenlie

    (@joergenlie)

    Thanks you! Now it works like i wanted it to:-)

    I also learned alot thanks to you guys!

    Happy New Year!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘White space twenty twelve’ is closed to new replies.