<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.1-alpha-2539" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
		>
	<channel>
		<title>WordPress.com Forums &#187; Topic: Edit space between title and header with CSS</title>
		<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css</link>
		<description>WordPress.com Forums &#187; Topic: Edit space between title and header with CSS</description>
		<language>en</language>
		<pubDate>Mon, 20 May 2013 21:51:48 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.1-alpha-2539</generator>
				<atom:link href="http://en.forums.wordpress.com/rss/topic/edit-space-between-title-and-header-with-css" rel="self" type="application/rss+xml" />

		<item>
			<title>thesacredpath on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748528</link>
			<pubDate>Sat, 19 Nov 2011 01:00:38 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">748528@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You are welcome.
</p>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748527</link>
			<pubDate>Sat, 19 Nov 2011 00:51:41 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748527@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Great, that's all very helpful - thanks!
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748526</link>
			<pubDate>Sat, 19 Nov 2011 00:49:20 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">748526@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Oh, and one final thing. If you do reduce the width of the content area, decrease the "maximum video/image" width in the field down below the CSS text box by the same amount you decrease the width of the content area.
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748524</link>
			<pubDate>Sat, 19 Nov 2011 00:47:53 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">748524@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You could increase the left margin here by the same amount you reduce the width and it would keep things more centered.</p>
<pre><code>#contents {
margin-left: 199px;
}</code></pre>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748522</link>
			<pubDate>Sat, 19 Nov 2011 00:45:51 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">748522@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You are welcome.
</p>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748521</link>
			<pubDate>Sat, 19 Nov 2011 00:40:24 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748521@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Perfect, thanks a lot!
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748520</link>
			<pubDate>Sat, 19 Nov 2011 00:38:11 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">748520@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Sheesh, I'm so used to people all wanting to go wider that I just assumed, and you know what that does for me. :-)</p>
<p>You can add this to the bottom of your CSS and play with the content width to see what you think:</p>
<pre><code>.hentry .main {
width: 580px;
}</code></pre>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748508</link>
			<pubDate>Sat, 19 Nov 2011 00:25:09 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748508@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I was only thinking of making the column smaller if I were to change it, so I think I'd avoid those problems with the header in that case.</p>
<p>Thanks very much for your help, I'm new here and this forum seems brilliant for quick and helpful answers :)
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748506</link>
			<pubDate>Sat, 19 Nov 2011 00:20:17 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">748506@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>If you just make the post column width wider, the title/tag area to the left of it has to be reduced in width (the two are constrained by an overall container div width), which means the "leave a comment" line is going to go to two lines (unless you were to reduce the font size. Same with the post title; it would have less space so it would stack more quickly to two or three lines.</p>
<p>Since widening the header means that you can no longer use the header uploader, it will not link back to the main site page like it does now. The new image would be put directly into the CSS instead. </p>
<p>There is a trick that can be used to do that that requires making a transparent image the size of the header (no background color) and saving it as a PNG image. You then put that image into a text widget in the bottom bar and link it to the site main page and then we would use positioning to move that image up and over the top of the header image.</p>
<p>The following will increase the overall width to 1000px from the original 800px. I've changed the width to 100% for the content so that it will always maintain the maximum width no matter what width you enter into the container/header/menu width rule. Add this to the bottom of your CSS and see what you think and then if you want to continue, we can get the header stuff straightened out for you.</p>
<pre><code>#container, #header, #menu {
width: 1000px;
}

.hentry .main {
width: 100%;
}</code></pre>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748498</link>
			<pubDate>Sat, 19 Nov 2011 00:07:04 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748498@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Thanks a lot for that.</p>
<p>Do you mean that changing the post column width will affect the header size? Yes I only really want to edit the column width of my posts, but if that means changing the header as well then I'll at least give it a try and see how I like it.
</p>
]]></description>
					</item>
		<item>
			<title>thesacredpath on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748491</link>
			<pubDate>Sat, 19 Nov 2011 00:00:46 +0000</pubDate>
			<dc:creator>thesacredpath</dc:creator>
			<guid isPermaLink="false">748491@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>This controls the line spacing for the content on pages and posts.</p>
<pre><code>.hentry .main {
line-height: 175%;
}</code></pre>
<p>This can be a little tricky as the way the theme is designed, the header image will also have to get wider. Do you want to do that as well?
</p>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748479</link>
			<pubDate>Fri, 18 Nov 2011 23:47:04 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748479@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Final thing whilst I have the attention of someone who knows a lot! - I'd like to test out slightly less space in between the lines of text in my posts. Secondly, do you know how I could edit the width of the column in which my posts appear? Many thanks again for your help.
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748477</link>
			<pubDate>Fri, 18 Nov 2011 23:39:44 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">748477@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Cheers. :)
</p>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748475</link>
			<pubDate>Fri, 18 Nov 2011 23:38:20 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748475@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>You're extremely helpful, thank you very much! I'll have a play with some different spacings, thanks for the input.
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748472</link>
			<pubDate>Fri, 18 Nov 2011 23:34:36 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">748472@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Certainly. Try this:</p>
<pre><code>#site-description {
    display: none;
}</code></pre>
<p>Consider keeping a liiitle more whitespace then you might normally (just an idea/opinion on that, but give it a try). :)
</p>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748468</link>
			<pubDate>Fri, 18 Nov 2011 23:29:54 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748468@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Fantastic, that did the trick.</p>
<p>Thanks so much for the help, and the welcome. Glad you like the blog design, it's a work in progress!</p>
<p>Would you perhaps know a way to get rid of that little shaded area beneath the title where my tagline would go? Not massively important, but if it was simple..
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748464</link>
			<pubDate>Fri, 18 Nov 2011 23:25:18 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">748464@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Oh, and welcome! I think your blog looks spectacular so far! I love your font choices.
</p>
]]></description>
					</item>
		<item>
			<title>designsimply on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748463</link>
			<pubDate>Fri, 18 Nov 2011 23:24:11 +0000</pubDate>
			<dc:creator>designsimply</dc:creator>
			<guid isPermaLink="false">748463@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>Try setting the height explicitly, even smaller and set the min-height value to match: </p>
<pre><code>#header {
    min-height:100px;
    height: 100px;
}</code></pre>
]]></description>
					</item>
		<item>
			<title>smb555 on "Edit space between title and header with CSS"</title>
			<link>http://en.forums.wordpress.com/topic/edit-space-between-title-and-header-with-css#post-748460</link>
			<pubDate>Fri, 18 Nov 2011 23:12:47 +0000</pubDate>
			<dc:creator>smb555</dc:creator>
			<guid isPermaLink="false">748460@http://en.forums.wordpress.com/</guid>
			<description><![CDATA[<p>I'd like to make the space between my blog title and the header image smaller on <a href="http://samboyd.co.uk" rel="nofollow">http://samboyd.co.uk</a></p>
<p>Using my theme's original stylesheet as a reference, I've added this code to my stylesheet editor:</p>
<p>#header {<br />
min-height:180px;<br />
padding-top:40px;<br />
padding-bottom:5px;<br />
width:800px;<br />
}</p>
<p>If I increase the 'padding-bottom' value it increases the space in question with no problem. But if I enter a small value - like 5px as above - it won't go any smaller than how it looks at the moment. Is it something to do with the space for the tagline, which I don't need?</p>
<p>Thanks for any help, I'm brand new to all of this!
</p>
]]></description>
					</item>

	</channel>
</rss>
