<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wikidot="http://www.wikidot.com/rss-namespace">

	<channel>
		<title>Remove text in header?</title>
		<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header</link>
		<description>Posts in the discussion thread &quot;Remove text in header?&quot; - Removing text in site header image</description>
				<copyright></copyright>
		<lastBuildDate>Tue, 14 Feb 2012 07:25:52 +0000</lastBuildDate>
		
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-624574</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-624574</link>
				<description></description>
				<pubDate>Wed, 04 Nov 2009 07:44:59 +0000</pubDate>
				<wikidot:authorName>Coluber</wikidot:authorName>				<wikidot:authorUserId>112939</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>It chops the top off the logo - but the text is gone. Thanks. A bit of tinkering with the padding should hopefully sort it out.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-624346</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-624346</link>
				<description></description>
				<pubDate>Wed, 04 Nov 2009 00:52:34 +0000</pubDate>
				<wikidot:authorName>Ed Johnson</wikidot:authorName>				<wikidot:authorUserId>38854</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Or try this:</p> <div class="code"> <pre> <code>#header h1 a span { display: none; } #header h2 span { display: none; }</code> </pre></div> <br /> I used code like in the block below on a site to make an image swap for the header graphic. It also still links to the start page. My images are 311px x 140&nbsp;px. This totally hides the <strong>#header h1</strong> and <strong>#header h2</strong> text. If you don't want the image swap effect, just remove the <strong>#header h1 a:hover {…}</strong> section. (Note: real links removed to protect the innocent) <hr /> <div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;" >+&nbsp;show&nbsp;the&nbsp;code&nbsp;block</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;" >-&nbsp;hide&nbsp;the&nbsp;code&nbsp;block</a></div> <div class="collapsible-block-content"> <div class="code"> <div class="hl-main"> <pre> <span class="hl-code">/</span><span class="hl-identifier">*</span><span class="hl-code"> </span><span class="hl-identifier">header</span><span class="hl-code"> </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">position:</span><span class="hl-code"> </span><span class="hl-string">relative</span><span class="hl-code">; </span><span class="hl-reserved">z-index:</span><span class="hl-code"> </span><span class="hl-number">30</span><span class="hl-code">; </span><span class="hl-reserved">height:</span><span class="hl-code"> </span><span class="hl-number">140</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-string">auto</span><span class="hl-code">; </span><span class="hl-reserved">margin-left:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">margin-right:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">margin-bottom:</span><span class="hl-code"> </span><span class="hl-number">2</span><span class="hl-string">em</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h1</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h2</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">height:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h1</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">float:</span><span class="hl-code"> </span><span class="hl-string">left</span><span class="hl-code">; </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">311</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">height:</span><span class="hl-code"> </span><span class="hl-number">140</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">max-height:</span><span class="hl-code"> </span><span class="hl-number">140</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">z-index:</span><span class="hl-code"> </span><span class="hl-number">40</span><span class="hl-code">; </span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h1</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">display:</span><span class="hl-code"> </span><span class="hl-string">block</span><span class="hl-code">; </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">311</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">height:</span><span class="hl-code"> </span><span class="hl-number">140</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://mywikidotsite.wikidot.com/local--files/start/mylogo1.jpg)</span><span class="hl-code">; </span><span class="hl-reserved">background-repeat:</span><span class="hl-code"> </span><span class="hl-string">no-repeat</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h1</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">display:</span><span class="hl-code"> </span><span class="hl-string">block</span><span class="hl-code">; </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">padding:</span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://mywikidotsite.wikidot.com/local--files/start/mylogo2.jpg)</span><span class="hl-code">; </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">311</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">height:</span><span class="hl-code"> </span><span class="hl-number">140</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h1</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-identifier">span</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">display:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h2</span><span class="hl-code"> </span><span class="hl-identifier">span</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">display:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span> </pre></div> </div> </div> </div> </div> <hr /> <p>-Ed</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-624255</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-624255</link>
				<description></description>
				<pubDate>Tue, 03 Nov 2009 23:11:03 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Try this:</p> <div class="code"> <pre> <code>#header h1 a { display: none; }</code> </pre></div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-624235</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-624235</link>
				<description></description>
				<pubDate>Tue, 03 Nov 2009 22:54:26 +0000</pubDate>
				<wikidot:authorName>Coluber</wikidot:authorName>				<wikidot:authorUserId>112939</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>I'm customising the Fresh Theme &amp; I'm struggling to get the site title out of the header. I want to use a custom logo and so this gets assigned to #header h1. The problem is that #header has a background image also. The modified css is below. One workaround is to change the site title to "." via site admin &amp; then set the font colour close to the backgound image used in the #container wrap. There must be a better solution; seems a bit of a hack.</p> <div class="code"> <div class="hl-main"> <pre> <span class="hl-var">@import</span><span class="hl-code"> </span><span class="hl-identifier">url</span><span class="hl-code">(</span><span class="hl-identifier">http</span><span class="hl-code">://</span><span class="hl-identifier">themes.wdfiles.com</span><span class="hl-code">/</span><span class="hl-identifier">local--code</span><span class="hl-code">/</span><span class="hl-identifier">green-fresh</span><span class="hl-code">); </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">height:</span><span class="hl-code"> </span><span class="hl-number">200</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">padding-right:</span><span class="hl-code"> </span><span class="hl-number">8</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">background:</span><span class="hl-code"> url(http://gguk.wikidot.com/local--files/css2/shadow-right.png) </span><span class="hl-string">no-repeat</span><span class="hl-code"> </span><span class="hl-string">right</span><span class="hl-code"> </span><span class="hl-number">171</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h1</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">float:</span><span class="hl-code"> </span><span class="hl-string">left</span><span class="hl-code">; </span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">142</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code"> </span><span class="hl-number">393</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">background:</span><span class="hl-code"> url(http://gguk.wikidot.com/local--files/css2/gg_logo_trans_</span><span class="hl-number">393</span><span class="hl-code">x176.png) </span><span class="hl-string">no-repeat</span><span class="hl-code"> </span><span class="hl-string">left</span><span class="hl-code"> </span><span class="hl-string">bottom</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#container-wrap</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background:</span><span class="hl-code"> url(http://gguk.wikidot.com/local--files/css2/body-bg.png) </span><span class="hl-string">repeat-x</span><span class="hl-code"> </span><span class="hl-string">top</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#container</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">65</span><span class="hl-string">%</span><span class="hl-code">; </span><span class="hl-reserved">min-width:</span><span class="hl-code"> </span><span class="hl-number">600</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code"> </span><span class="hl-string">auto</span><span class="hl-code">; </span><span class="hl-reserved">padding-left:</span><span class="hl-code"> </span><span class="hl-number">8</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">background:</span><span class="hl-code"> url(http://gguk.wikidot.com/local--files/css2/shadow-left.png) </span><span class="hl-string">no-repeat</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code"> </span><span class="hl-number">171</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">position:</span><span class="hl-code"> </span><span class="hl-string">relative</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#search-top-box</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">display:</span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#page-title</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">display:</span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span> </pre></div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-506489</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-506489</link>
				<description></description>
				<pubDate>Thu, 11 Jun 2009 20:19:42 +0000</pubDate>
				<wikidot:authorName>kawina</wikidot:authorName>				<wikidot:authorUserId>31682</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>You can accomplish that by applying the custom css only to pages belonging to a given category.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-506423</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-506423</link>
				<description></description>
				<pubDate>Thu, 11 Jun 2009 18:55:49 +0000</pubDate>
				<wikidot:authorName>baleensavage</wikidot:authorName>				<wikidot:authorUserId>285718</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Is there any way to accomplish this on a per-page basis? I'd like to remove the title of the page from a few certain pages and would rather not remove them from all of the pages.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-442958</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-442958</link>
				<description></description>
				<pubDate>Wed, 08 Apr 2009 03:28:57 +0000</pubDate>
				<wikidot:authorName>aviassin</wikidot:authorName>				<wikidot:authorUserId>169439</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Thankyou very much Strathview and James!!</p> <p>I actually did just want to remove the text over the header image, but now i know how to remove the title text i think i'll do that too:D</p> <p>Thanks a lot guys!</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-440123</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-440123</link>
				<description></description>
				<pubDate>Sun, 05 Apr 2009 07:48:06 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Being a Firefox user and rarely using other browsers I always forget how differently some things can be rendered on those browsers.</p> <p>Rob</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-439913</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-439913</link>
				<description></description>
				<pubDate>Sat, 04 Apr 2009 22:46:48 +0000</pubDate>
				<wikidot:authorName>James Kanjo</wikidot:authorName>				<wikidot:authorUserId>35113</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Having fun with those edits? XD</p> <p>Look, I don't think s/he's using Firefox. I'm using Safari 3, and certainly the Site Header text displays over the image (not the reverse). In Firefox, no header text <em>is</em> displayed over the header image.</p> <p>If he wanted to hide the page title of his home page alone, he could just edit the page and clear the page-title text.</p> <blockquote> <p>removing the text which is always on a custom header image</p> </blockquote> <p>I interpreted this as the site header text.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-439572</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-439572</link>
				<description></description>
				<pubDate>Sat, 04 Apr 2009 12:07:29 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>No I don't James, I wrote what I meant. He asked about or at least referred to the page title, and on his pages I can see why he might want to remove it as it duplicates what he has used as a page title further down each page.</p> <p>Edit1: deleted</p> <p>Edit2: I've just looked at his pages in Firebug and both are having the same effect.</p> <p>Rob</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-439571</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-439571</link>
				<description></description>
				<pubDate>Sat, 04 Apr 2009 12:03:25 +0000</pubDate>
				<wikidot:authorName>James Kanjo</wikidot:authorName>				<wikidot:authorUserId>35113</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>And by "page-title", Rob <em>really</em> means "header":</p> <div class="code"> <div class="hl-main"> <pre> <span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h1</span><span class="hl-code">, </span><span class="hl-identifier">#header</span><span class="hl-code"> </span><span class="hl-identifier">h2</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">display:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span> </pre></div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-439498</guid>
				<title>Re: Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-439498</link>
				<description></description>
				<pubDate>Sat, 04 Apr 2009 08:22:11 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>You can remove the title from all pages by adding the following CSS to your custom theme:</p> <div class="code"> <pre> <code>#page-title { display: none; }</code> </pre></div> <p>Rob</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://community.wikidot.com/forum/t-144395#post-439388</guid>
				<title>Remove text in header?</title>
				<link>http://community.wikidot.com/forum/t-144395/remove-text-in-header#post-439388</link>
				<description></description>
				<pubDate>Sat, 04 Apr 2009 03:41:11 +0000</pubDate>
				<wikidot:authorName>aviassin</wikidot:authorName>				<wikidot:authorUserId>169439</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Hey,</p> <p>Just wondering how I might go about removing the text which is always on a custom header image? Like the title of the page is always written on top of the image?</p> <p>How can I remove it?</p> <p>Thanks!</p> 
				 	]]>
				</content:encoded>							</item>
				</channel>
</rss>
