• Hi all,

    I’m revamping my website (just changed themes from Pinboard to Coeur) and added my logo to it, but there is a lot of white space between the logo and the menu below it. I’ve always had this problem when I tried to add the logo (no matter which theme) and don’t know how to change it. I’m not very good at coding and am nervous to mess something up with it!

    Any simple advice would be awesome and I am happy to copy and paste some code onto here for someone to look at. Thank you!!!

    https://www.prairiegalcookin.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jessica G.

    (@jesscga)

    Automattic Happiness Engineer

    The image file for your logo has a generous amount of whitespace on the bottom – the easiest fix is probably be to crop it and reload it. Otherwise you’d have to mess with getting other elements to rest on top of it. It’s easy to add space beneath it if you end up cropping it too close for your liking.

    Thread Starter prairiegalcookin

    (@prairiegalcookin)

    Okay, now here’s what it looks like:
    https://www.prairiegalcookin.com

    Maybe I need to resize it?

    Jessica G.

    (@jesscga)

    Automattic Happiness Engineer

    Your theme has a blog description section that’s making the lines and space underneath. Do you have a way to safely edit your theme’s CSS? If so, add the following:

    p.lead.blog-description {
        display: none;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Coeur] How to Remove White Space Under Logo’ is closed to new replies.