Border on Logo header (CSS code)?

davidjohnveitch · Member · Oct 21, 2017 at 2:51 pm
Copy link

Add topic to favorites
Looking to adjust the borders (height in px) of my logo at the header of my page. Basically make them narrower?

Can anyone help with the CSS code please?

Thanks

The blog I need help with is: (visible only to logged in users)
krutidugade · Member · Oct 21, 2017 at 3:50 pm
Copy link
Hi Dave,

I failed to spot any border surrounding your Logo. Could you help me out with the link of the page you see border.

Or it’d be great if you can share a screenshot of what you’re seeing. If you need some help with that, you can refer this page – https://www.take-a-screenshot.org
davidjohnveitch · Member · Oct 21, 2017 at 3:53 pm
Copy link
Hi

Sorry my wording wasn’t clear before, the gap above my logo is there a way to make it narrower so my logo appears closer to the top of the page?

Thanks
krutidugade · Member · Oct 21, 2017 at 4:19 pm
Copy link
Hey Dave,

Thanks for explaining. You can add the following CSS code to narrow the gap above the logo.
```
.header {
    padding: 10px;
}
```
The above code will narrow the gap above the logo but will increase the gap between header and navigation menu. Adding following CSS code will maintain the look and feel of your site.
```
.header {
    padding: 10px;
    height: 125px;
}
```
You can choose the code which suits you the best. Also, you can change the pixel values as per the border you desire.

Let me know if this works for you :)
davidjohnveitch · Member · Oct 21, 2017 at 4:42 pm
Copy link
yes works perfectly! Thank you :)

No items found.