Remove whitespace Header Logo

  • Brickyard has “Header Logo” and “Header Image” which are similar, but put your graphic in different locations on the page. When I use “Header Image” (Header Image menu) there is no white space around my graphic. It looks great, but is in the wrong location (too low).

    I want to use “Header Logo” (Brickyard Header Settings -> Header Logo) because it puts my graphic in the correct (top) location. Unfortunately, it puts white space around my graphic. How can I remove the white space from around my graphic in the Logo location?

    I tried the same 1012 × 150 graphic in both locations. Site is https://www.logolites.com/ if that helps.

    Thanks,
    Kyle

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

  • Hello,
    I think you can find the solution in this post

    CSS code to add in Custom CSS:

    #wrapper .header-content {padding-bottom: 0; padding-top: 0;}

    Hope it helps you!

    Thread Starter kda406

    (@kda406)

    @onsf – What you posted gets rid of the white space on top and bottom. I tried just padding: 0; and a big white area remained on the right, even though the image is the suggested 1012 pixels wide. I “got lucky” because the graphic I was given has a white area on the left. So I was able to do this to move the image right and make it look acceptable on the site:
    #wrapper .header-content {padding: 0px; float: right;}
    Not being able to get rid of the white space in the theme and with CSS makes me feel like this is a flaw in the theme design. If the graphic is the correct size, then it should work with the page and not have a big white margin around it. Thanks for the suggestion, it helps.
    Thanks,
    Kyle

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove whitespace Header Logo’ is closed to new replies.