Remove big white box around wordpress logo

  • sawyerdjw · Member ·

    Hi y’all! I’ve got a biiiiiiig white footer at the bottom of my page for the wordpress logo. On my last site, before I swapped to the natural theme, it wasn’t like this at all; the wordpress logo was a white centered icon that did not place its own footer on the page. It fit very nicely over my red background as a single white symbol. But this looks sloppy and out of place! Everything else on the page is centered except for the wordpress logo and it appears to have its own footer section.

    So, if I can, how do I remove the white box around the wordpress logo and get it back into the center? Perhaps I can make the background translucent instead? I’ve tried experimenting with using different styles of logo (made at wordpress.com/powere by/etc.) but it didn’t change anything.

    The blog I need help with is: (visible only to logged in users)

  • itsdavidmorgan · Theme Author ·

    Hello,

    Adding the following CSS should give you the look you’re after. The code can be added in the Additional CSS section of the customizer.

    .footer.radius-top.shadow {
    background: none;
    box-shadow: none;
}
.footer-information {
    padding: 0 0 24px;
}
.footer .align-left {
    float: none;
    text-align: center;
}
#colophon svg {
    fill: #fff !important;
    width: 48px;
    height: 48px;
}

    I hope this helps. Thanks!

  • sawyerdjw · Member ·

    It does help! I’m now able to make the box thinner, though I still can’t exchange it for just the logo. It’s better though, for sure. Thanks!

  • emilysuesrq · Theme Author ·

    Glad that helped! There isn’t really a way to easily adjust the header size/transparency and still keep the logo… without extensive customization that we aren’t able to provide here. If it’s very important to retain and center the logo while also removing the white footer, I’d recommend a service like Codeable.io.

    You can still remove the footer entirely by adding the following CSS: 

    .footer-information {
  display: none;
}
  • The topic ‘Remove big white box around wordpress logo’ is closed to new replies.