Help - Search - Members - Calendar
Full Version: Centering the header, and getting rid of weird border thing
Forums > Resource Center > Support Center > Wordpress Support > Wordpress Resolved Topics
LaRachel
http://theramblingwoman.rachelplafchan.com/

First thing, I'm having problems centering my header for some reason. Actually, I have no idea how to do it?

Also, how do I get rid of the weird border/background image that is on there?
HeartOfPandora
It keeps trying to get me to log into your cPanel, so I can't look at the source code. :\


In the stylesheet, find h3 and add this to it:
text-align: center;

You might have to edit the h3 link style, too.


Find this in the template, delete it. It'll get rid of the Kubric background.
<style type="text/css" media="screen">

#page { background: url("http://theramblingwoman.rachelplafchan.com/wp-content/themes/default/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }

</style>
RealArtDesigns
I DONT GET IT DO YOU WANT THE WIDTH AND HEIGHT?
emberfly
QUOTE(HeartOfPandora @ Jul 2 2009, 11:48 AM) *
It keeps trying to get me to log into your cPanel, so I can't look at the source code. :\


In the stylesheet, find h3 and add this to it:
text-align: center;

You might have to edit the h3 link style, too.


Find this in the template, delete it. It'll get rid of the Kubric background.
<style type="text/css" media="screen">

#page { background: url("http://theramblingwoman.rachelplafchan.com/wp-content/themes/default/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }

</style>

I got the annoying popup, too, but I got the source code.

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title> rachelplafchan.com</title>

<link rel="stylesheet" href="http://theramblingwoman.rachelplafchan.com/wp-content/themes/default/style.css" type="text/css" media="screen" />
<link rel="pingback" href="http://theramblingwoman.rachelplafchan.com/xmlrpc.php" />

<style type="text/css" media="screen">

#page { background: url("http://theramblingwoman.rachelplafchan.com/wp-content/themes/default/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }

</style>


<link rel="alternate" type="application/rss+xml" title="rachelplafchan.com &raquo; Feed" href="http://theramblingwoman.rachelplafchan.com/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="rachelplafchan.com &raquo; Comments Feed" href="http://theramblingwoman.rachelplafchan.com/?feed=comments-rss2" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://theramblingwoman.rachelplafchan.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://theramblingwoman.rachelplafchan.com/wp-includes/wlwmanifest.xml" />
<link rel='index' title='rachelplafchan.com' href='http://theramblingwoman.rachelplafchan.com' />
<meta name="generator" content="WordPress 2.8" />
</head>
<body class="home blog">
<div id="page">

<div id="header" role="banner">
<div id="headerimg">
<h1><a href="http://theramblingwoman.rachelplafchan.com/"></a></h1>
<div class="description"></div>
</div>
</div>
<hr />

<div id="content" class="narrowcolumn" role="main">



<div class="post-1 post hentry category-uncategorized" id="post-1">
<h2><a href="http://theramblingwoman.rachelplafchan.com/?p=1" rel="bookmark" title="Permanent Link to Hello world!">Hello world!</a></h2>
<small>June 22nd, 2009 <!-- by --></small>

<div class="entry">
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
</div>

<p class="postmetadata"> Posted in <a href="http://theramblingwoman.rachelplafchan.com/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a> | <a href="http://theramblingwoman.rachelplafchan.com/?p=1#comments" title="Comment on Hello world!">1 Comment »</a></p>
</div>


<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>


</div>

<div id="sidebar" role="complementary">
<ul>
<li>
<form role="search" method="get" id="searchform" action="http://theramblingwoman.rachelplafchan.com/" >
<div><label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form> </li>

<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
<li><h2>Author</h2>
<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
</li>
-->
</ul>
<ul role="navigation">
<li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://theramblingwoman.rachelplafchan.com/?page_id=2" title="About">About</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='http://theramblingwoman.rachelplafchan.com/?m=200906' title='June 2009'>June 2009</a></li>
</ul>
</li>

<li class="categories"><h2>Categories</h2><ul> <li class="cat-item cat-item-1"><a href="http://theramblingwoman.rachelplafchan.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> (1)
</li>
</ul></li> </ul>
<ul>
<li id="linkcat-2" class="linkcat"><h2>Blogroll</h2>
<ul class='xoxo blogroll'>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>

</ul>
</li>

<li><h2>Meta</h2>
<ul>
<li><a href="http://theramblingwoman.rachelplafchan.com/wp-login.php">Log in</a></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
</ul>
</li>

</ul>
</div>



<hr />
<div id="footer" role="contentinfo">
<!-- If you'd like to support WordPress, having the "powered by" link somewhere on your blog is the best way; it's our only promotion or advertising. -->
<p>
rachelplafchan.com is proudly powered by
<a href="http://wordpress.org/">WordPress</a>
<br /><a href="http://theramblingwoman.rachelplafchan.com/?feed=rss2">Entries (RSS)</a>
and <a href="http://theramblingwoman.rachelplafchan.com/?feed=comments-rss2">Comments (RSS)</a>.
<!-- 18 queries. 0.343 seconds. -->
</p>
</div>
</div>

<!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ -->

</body>
</html>
RealArtDesigns
BACKGROUND IS easy like

http://theramblingwoman.rachelplafchan.com...brickbg-ltr.jpg
found that iamge on a .php o index.hp tempalte what ever file shopuld be....

and replaced with your own or don't put nothing and
the code should be like pandora said...

<style type="text/css" media="screen">

#page { background:

</style>
if you dont want an image delete
CODE
#page { background: url("http://theramblingwoman.rachelplafchan.com/wp-content/themes/default/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }


an put this

CODE
{ background-color:COLORHERE }


and put it like

if you dont know how to make backgrounds, it's easy.... a ma try to make a tut..

sorry if i sis't esplain it good... because i dont know too much english i know how to understand it but not how to write it good...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.