WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] White space twenty twelve (12 posts)

  1. joergenlie
    Member
    Posted 1 year 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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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 http://snag.gy/Zr6Rm.jpg . CSS is along the right-hand-side of the toolbar. HTML is along the left.

  3. joergenlie
    Member
    Posted 1 year ago #

    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?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  5. joergenlie
    Member
    Posted 1 year ago #

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

    Anyway, thanks for helping out!

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    There's an empty paragraph alongside your slider http://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.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Ooh, good catch, Andrew :)!

  8. joergenlie
    Member
    Posted 1 year ago #

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

    How would I display it none with css?

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try;

    .home .entry-content p:first-child {
     display: none;
    }
  10. joergenlie
    Member
    Posted 1 year ago #

    That doesn't seem to work:-(

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  12. joergenlie
    Member
    Posted 1 year ago #

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

    I also learned alot thanks to you guys!

    Happy New Year!

Topic Closed

This topic has been closed to new replies.

About this Topic