How can I split my header in wordpress?
-
I would like to know the css and the php which I would need to add to split my header in wordpress. I am still a newbie when it comes to css, and php, so if there is anyone who knows how to do this, and can explain it in a simple way, I would be most grateful!
Sincerely,
David.
-
How about a link to your site so we can see what needs to be modified?
Also, what do you mean by splitting the header? Please be more specific.
Hi Joseph,
My site is googlecommentary.com, and what I mean by splitting the header is to have the name of the site on the left side, and adsense (or a picture) on the right, at the top of the main page. I am a former blogger, so I was able in previous times to place my site’s name in the header (on the left) with Adsense (on the right).
The site that I would like to emulate with its appearance is http://www.w3schools.com/Css/css_syntax.asp. I like how the name of the site is on the left, the search is on the right, and an advertising spot is just below the nav menu.
Do you know of anyone, yourself included, who would be knowledgeable in that area?
Thanks for your intial reply, and any response you can provide.
David.
Paste the content of header.php onto http://wordpress.pastebin.com/ and come back here with the link. I’ll have a look at it.
Hi Joseph,
I could only find a little bit of info on the header from the editor, under the appearance section in WordPress. Here is the link . I am using Themes 1.8, and I couldn’t find any other header info under custom file editor for custom functions php, or custom css. Does this help. Can I make the necessary changes in custom funtions php, or custom css. Let me know what you think? If you would like to contact me by e-mail, let me know.
Thanks,
David.
David,
What is Themes 1.8? Did you mean Thesis 1.8? Cause that’s all I got from Google. If it’s Thesis then you may be better off asking their support forum as I’m unfamiliar with it.
Regardless of the theme, you’ll need to modify both the header and CSS to make the changes.
The html for header should have two additional elements, one for the search form and one the adsense banner:
<div class="full_width" id="header_area"> <div class="page"> <div id="header"> <!-- heading and tagline --> </div> <div id="search"> <!-- search form --> </div> <ul class="menu"> <!-- menu --> </ul> <div id="adsense-banner"> <!-- adsense --> <div> </div> </div>Add the CSS to make the heading on the left and search on the right would be
.custom #header { background: none repeat scroll 0 0 #E1E0CE; padding-top: 0; float: left; width: 70%; } #search { background: #E1E0CE; float: left; width: 30%; }Hi Joseph,
Yes, it is Thesis 1.8, not Themes 1.8. This html is the kind of thing I’ve been wanting to know. A previous programmer told me that I needed to add a <div> tag in my header, and I didn’t know how to do that. I will go ahead and try this, and try to find some support through the forum of Thesis 1.8. I would be interested to find out if you’re services are for hire, in case I get stuck? I’ve had a few syntax errors in my php recently, which shut down my site temporarily, but I managed to use my FTP to have the site restored. I’m learning, and growing, but its not easy to find the support that I need. Your help has given me confidence that I can move forward, even if there are a few more bumps along the way.
Sincerely,
David.
David,
You should be able to get more specific instructuions on their support forum since they know it better than anyone else.
Sorry, I’m not for hire. I’m from a totally different profession and I just come on here to volunteer when I’m free because I love WordPress and it’s a hobby.
Post any problems or questions you have here and I’ll try answer them to the best of my knowledge. Others would be able jump in as well.
Joseph
P.S. Try http://jobs.wordpress.net/ if you’d like to hire.
Joseph,
I appreciate your help, and I will follow your instructions.
David.:)
The topic ‘How can I split my header in wordpress?’ is closed to new replies.