Changing the header size and removing the Location from Pinboard Theme

Viewing 3 posts - 1 through 3 (of 3 total)

July 7, 2013 at 3:32 am July 7, 2013 #15588

Andrew2013
Participant

Hello,

Love the theme – have used it a few times now but there is a couple of things that I need to do:

(1) – How do you reduce the actual size of the header area? I am happy with the image size but it has so much wasted space on top and below it – how do you modify this?

(2) How do you remove the location text which shows you which page you are on – i think it is the entry-title element?

(3) Similarly how do you reduce the space above and below the footer and copyright locations and can you make them full width instead on 2 column minimum.

Thanks in advance for any assistance.

Andrew

July 11, 2013 at 7:37 am July 11, 2013 #15610

Isonomia
Participant

For that issues consider installing firebug for firefox.

1) Put in Appearance -> Theme Options -> Layout -> Custom CSS

#site-title a,
#site-description {
color:#333;
}

#site-title,
#site-description {
margin:0;
font-weight:300;
float:left;
line-height:110px;
}

#site-title {
margin: 0 3.4%;
font-family:"Oswald", sans-serif;
font-size:32px;
letter-spacing:1px;
}

#site-title img {
margin:20px;
vertical-align:middle;
}

and play with margin and line-height attributes

**********
2) Go to Appearance -> Theme Options -> General
– Down to “Blog Pages”
– Uncheck “Show current location in archive pages”

**********
3) Put in Appearance -> Theme Options -> Layout -> Custom CSS
#footer-area {
padding: 1.6%;
}
Play with that attribute (http://www.w3schools.com/css/css_padding.asp)
July 14, 2013 at 11:12 pm July 14, 2013 #15647

Daniel Tara
Keymaster
1. You’ll have to adjust the line-height of #site-title, the top and bottom margin of #site-title img and the top margin of #searchform and #social-media-icons. This can get pretty complicated if you’re not familiar with CSS.

2. To remove the location you’ll have to remove all references to:
```
<?php pinboard_current_location(); ?>
```
3. You need to reduce the top and bottom padding of #footer-area and #copyright. You currently can’t make them full width but that’s a good idea and will probably be implemented in a future version.