Amending Dicot Theme Header

karenthorburn · Member · Apr 5, 2016 at 10:47 am
Copy link

Add topic to favorites
Hi there.

I would like a CSS code to amend the header area of this blog: http://karenthorburn.com/

I would like the logo, tagline and menu to take up less space so that, ideally, the whole photo slideshow area on the home page can be seen without scrolling.

I already have a CSS code to adjust the size of the logo.

Specifically, I need CSS codes to:
– reduce the amount of space above the logo
– reduce the amount of space between the logo and the tagline
– reduce the size of the tagline text
– reduce the amount of space between the tagline and the menu

Many thanks in advance,

Karen

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 6, 2016 at 7:33 pm
Copy link
Hi there,

I would like the logo, tagline and menu to take up less space so that, ideally, the whole photo slideshow area on the home page can be seen without scrolling.

This is a bit tricky, because what is going to show of the slideshow is going to depend in part on the height of the browser window, or screen on a tablet/phone, but we can tighten things up.

The first suggestion I would have would be to edit your original site logo image and crop it more tightly around the text/logo. That will give us more to work with.
For now, you can give the following a shot which works with things the way they are. Add this to the very bottom of your custom CSS.
```
.has-site-logo.has-site-branding .site-branding {
    margin-top: 0;
}
.site-header {
    padding-top: 0;
    padding-bottom: 20px;
}
.site-content {
    padding-top: 20px;
}
.site-description {
    margin-top: 0;
}
```
thesacredpath · Member · Apr 6, 2016 at 7:36 pm
Copy link
Oops, forgot the tagline size. Replace the last rule I have above with this and you can adjust the 3.2rem value as desired (it was 4.5rem).
```
.site-description {
    margin-top: 0;
    font-size: 3.2rem;
}
```
karenthorburn · Member · Apr 8, 2016 at 11:20 am
Copy link
Brilliant. Thanks very much!
thesacredpath · Member · Apr 8, 2016 at 8:23 pm
Copy link
You are welcome.

No items found.