How to reduce whitespace below text in sidebar

  • I’m trying to figure out how to reduce the amount of whitespace that appears between the text and the items in the sidebar. (Example: Explore site & learn… there is a LOT of space before the list of pages. Same with all items in sidebar.) You can see what I mean at https://www.ncpoolsafety.com. Thanks in advance for any assistance!

Viewing 6 replies - 1 through 6 (of 6 total)

  • You can fix that in the CSS code, but before making any changes, you’ll need use a custom CSS plug-in such as Jetpack or create a child theme — that way your changes won’t be overwritten when WP is updated.

    Thread Starter loriverni

    (@loriverni)

    Thanks, but I don’t know where in the CSS code to find it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That’s okay, you can use a browser tool like Google Chrome’s Developer Tool for this kind of CSS-exploratory work.

    I just used Chrome’s developer tool on your website and found this https://snag.gy/0ZtFi.jpg . The orange represents a margin style. HTML is on the left and CSS applicable is on the right.

    Sorry, I didn’t say that very well – what I meant to say was set up a child theme or custom CSS and then come back and someone can help you with finding the code to change — as Andrew has now done :)!

    Please don’t modify theme files directly — you’ll create a big mess for yourself down the road.

    I have the same problem , and i already created my CSS child theme. could you , please, explain what to change on the CSS child theme?

    thank you!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can post your problems in your own thread.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to reduce whitespace below text in sidebar’ is closed to new replies.