[ncc553]

I would like to minimize the white space in the header. What are some custom css edits I can add to achieve this? http://www.philomythois.com

Thanks!

[Mehmet S.]

Hi, use this in your custom css field:

.site-header hgroup { padding-top: 1em; }
h1.site-title { text-align: center; margin-bottom: 0; }
h1.site-title a { display: inline-block; }
h2.site-description { margin-top: 0; margin-bottom: 0; }
.site-header .social { margin-bottom: 1em; }

[ncc553]

Great! That helped immensely, thank you.

[Mehmet S.]

You are welcome.

[JYarchoan]

I would like to do the same as ncc553, but alas, I’m more technologically illiterate. Where in the custom css field do I make these changes? I can’t seem to find any text like this in header.php.

Thanks!

[ncc553]

Just cut and paste these five lines of css into the CSS Stylesheet Editor (Appearance –> Edit CSS), starting on a new line (below the final */).

[JYarchoan]

Hmm, thanks for the quick reply, but this doesn’t seem to be doing anything for me:

(Under Bloggy: custom-editor-style.css)

/*
Theme Name: Bloggy
Description: Used to style the TinyMCE editor.
*/

.site-header hgroup { padding-top: 1em; }
h1.site-title { text-align: center; margin-bottom: 0; }
h1.site-title a { display: inline-block; }
h2.site-description { margin-top: 0; margin-bottom: 0; }
.site-header .social { margin-bottom: 1em; }

[laziem]

@JYarchoan

paste the code in Custom CSS field. Appearance > Theme Options > Style.

[JYarchoan]

Oh wow, that was easy. Many thanks.

[ncc553]

That’s the wrong file. Just click on “Edit CSS” under the “Appearance” tab on the left side of your admin dashboard, and it will take you directly to the place to paste the code. It will look like this when you’re done:

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
.site-header hgroup {
padding-top: 1em;
}

h1.site-title {
text-align: center;
margin-bottom: 0;
}

h1.site-title a {
display: inline-block;
}

h2.site-description {
margin-top: 0;
margin-bottom: 0;
}

.site-header .social {
margin-bottom: 1em;
}


[Mehmet S.]

Hi all,

The custom css:

– Theme Options > Style > Custom CSS.

Thanks