WordPress.org

Support

Support » Themes and Templates » How to reduce whitespace below text in sidebar

How to reduce whitespace below text in sidebar

  • loriverni
    Member

    @loriverni

    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 http://www.ncpoolsafety.com. Thanks in advance for any assistance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi
    Forum Moderator

    @wpyogi

    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.

    loriverni
    Member

    @loriverni

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

    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 http://snag.gy/0ZtFi.jpg . The orange represents a margin style. HTML is on the left and CSS applicable is on the right.

    WPyogi
    Forum Moderator

    @wpyogi

    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.

    migueltanco
    Member

    @migueltanco

    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!!!

    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.