Hi Im using Boreal theme by Nick Cates - Im looking to make the very top of my website (where the logo is) smaller, cause there is a lot of space above & below the logo.
here is a link www.weeriderz.com
You can add the following CSS to your site wide code (Wrench Icon -> Code -> CSS)
header.theme { padding: 10px 10px 0 !important; }
The Theme’s default is
header.theme { padding: 10px 20px 0 !important; }
Brad
Thanks for the fast reply, I tried your suggestion and it didnt work - I also tried pasting that CSS in the individual page (inspector>meta tags> CSS) and it still didnt work. any other ideas? Thanks!
Well, your site logo is 200px high so that accounts for almost all the blank space top and bottom according to Inspect Element… Chop off some of that blankness over and under 
Brad
@buggeyes
Your logo is too high (800 x 400px)
Use 200px and all is ok.
It’s already defined at 200px…
<img src="rw_common/images/WeeRiderz Logo.png" width="400" height="200" alt="Site logo" class="retina">
Unless the retina class is over-writing the set image size?
Also @Buggeyes , please don’t use spaces in filenames, can cause issues…
Brad
@Turtle
But the logo is an image with this dimension.
When she use a logo with a height of 200px, it’s better with the spaces, above and below.
1 Like
1 Like
Thanks guys, I popped that picture in and it looks So Much Better!
2 Likes