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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use a browser developer tool like Firebug for these exploratory CSS queries.

    I used Google Chrome’s built-in developer tool and discovered the cause of the gap (highlighted in orange and in the bottom-right of toolbar) [screenshot].

    Thread Starter kricklewoodfarm

    (@kricklewoodfarm)

    Not sure how to fix this. I looked at the screen shot but not sure what change to make and in which file.

    Before you make any changes, you need to add custom CSS to your site so that your CSS changes won’t be erased when WP is updated. JetPack is a great way to add that – you’ll need to activate the plugin – it should be there already.

    Once you have that set up go to Appearance > Edit CSS and add this:

    .widget-area .widget {
        margin-bottom: 1.5rem;
    }

    Adjust the 1.5 as you like. Save and clear your browser cache.

    Thread Starter kricklewoodfarm

    (@kricklewoodfarm)

    Thanks, I’ll give it a shot.

    Thread Starter kricklewoodfarm

    (@kricklewoodfarm)

    ok, I didn’t authorize the jetpack wordpress connection, now it’s done and good to go. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Too much space on sidebar widgets’ is closed to new replies.