In your header?
I would look around following lines in the “header.php” file of your theme. It can be found in [wordpress-location]/wp-content/themes/[your-theme] folder of your site’s root directory.
This is the raw HTML, the php will have similar div tags and classes, but this is about what your looking for:
<div id="branding" role="banner">
<h1 id="site-title"><span><a href="http://outdoortraxx.com/" title="" rel="home"></a></span></h1>
<div id="site-description"></div>
<img src="http://outdoortraxx.com/wp-content/uploads/2011/05/cropped-New-Header-with-Awake-Wordpress1.jpg" width="940" height="198" alt="">
</div>
Nate,
I looked where you said and could not find the code. Like I said I am totally new to WordPress. I don’t know if it matters but I want to remove that from all pages.
Thanks,
Gary
You need to look in the header.php file. You can edit this file with any standard IDE or even WordPad or Notepad. OR you can edit the file in the dashboard by going to Appearance > Editor. On the right-hand side there should be a list of “Template” files. Choose header.php and look for the branding div that was mentioned previously.
I was getting confused because I couldn’t find the exact code y’all were showing me. But, isn’t this the code I should be working with, the php. Do I just comment all this out? I am going to try to insert the code I found but I have used this forum software before either.
[Code moderated as per the Forum Rules. Please use the pastebin]
First up, don’t make any edits to the twentyten theme.
More on that:
http://vudu.me/child
Next up, maybe some of this can help you:
http://vudu.me/2w
It’s got info on removing and relocating the title, etc
I found the code in “header.php” but I tried to comment it and keep getting errors. This first time could someone show me how to get rid of this code?
Thanks
Leave the code if you are not familiar, just go to styles.css and look for:
#site-title {
directly underneath add
display:none;
That hides the title.
Now look for:
#site-description {
and then directly beneath that like before add:
display:none;
That hides the tag line and moves the banner to the top.
Now if you want to get rid of the small space above it look for this:
#header {
padding: 30px 0 0 0;
}
and change 30px to 0 like this:
#header {
padding: 0 0 0 0;
}
Or change to 20px so that it all looks even as there is 20px padding to the left & right.
To redisplay the title & tagline, just remove the display:none;
stylishjm,
There’s a black line across the top of my test site. Is that something I did or is that in the style.css? My test site is outdoortraxx.com.
Thanks,
Gary
Oops, my above link didn’t work for some reason. Anyway it’s fixed and works now. It’s for an article I did about working with site title and description.
It’s a bit late now but maybe some info in there will be useful
The black line is part of the css.
#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
display: block;
float: left;
}
Its that top border
I don’t usually recommend using display:none for at least the site title. I prefer to move it off screen so it’s not visible, as I showed in my example.
Hey Rev,
Thanks for the lessons. I’m starting to get a clue.
Hey I looked at your site. What kind of weddings do you ‘officiate’?
Thanks,
Gary
Glad to help! Do you use firebug at all? Its an addon for firefox. I believe google chrome browser has something built right in. Anyway, they are little tools which allow you to pretty much point at places on your website to see what css rules apply where.
————————
I started with doing one friends wedding. Then about 10 more. Realized I was good at it, and folks liked my style, so I ran with it. I do pretty much whatever type of wedding I’m asked to do. Don’t let the Voodoo in my name throw you. That stems from my DJ name and record label.
