I'd like to be able to make some minor adjustments to a WP theme I'm using. Site: http://tinyurl.com/yl42goh Theme Source Page: http://wordpressthemesbase.com/view/723.html o I'd like to shift the site up by moving the page navigation bar closer to the top and minimizing that gap between the top white border and that page navigation bar o Make the entire header clickable so it points back to the homepage o Change the color of the pink text o Change the color of the light blue text o Brighten up the page navigation buttons (About, Contact) to make them stand out more o Add extra space between the page nav buttons in the footer section & brighten them Advice Appreciated George
First thing to do, open your style.css and find these lines: I'd like to shift the site up by moving the page navigation bar closer to the top and minimizing that gap between the top white border and that page navigation bar #top { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#F4F4EA url(images/bg.jpg) repeat-x scroll 0 0; height:90px; HTML: change the height as you want. o Make the entire header clickable so it points back to the homepage can't help with the default css, need much change o Change the color of the pink text the color code for the pink text is: #FF3399 HTML: change with any color you want. o Change the color of the light blue text a { color:#0099CC; text-decoration:none; } HTML: same as above, just change the color code o Brighten up the page navigation buttons (About, Contact) to make them stand out more o Add extra space between the page nav buttons in the footer section & brighten them both navigation use image background. find and change those image.
Sounds like Broxen has taken care of most of your questions, so maybe I can help with this last one. I would normally recommend you add some code to your header division, but that would include your search box. So in this case, do the following.. Go into your header.php and find the following: <div class="intro"> Code (markup): Change it to: <div class="intro" onclick="location.href='http://www.animalprintshoes.org';"style= "cursor:pointer;"> Code (markup): The 'intro' division covers about 2/3's of the header starting at the left, which I think would be good enough. But if you want it to cover the whole header graphic, you'd need to change the width in the css from 650px shown below to about 920px. #header .intro { height:130px; padding:50px 0 0 30px; width:650px; } Code (markup): (the above works in FF, cannot/did not test in IE or other)
Those changes did the trick. Thanks very much Broxen and ChristyK. The only remaining question (which is minor) is if its possible to have the browser url box display the home page when you hover over the header. This is what happens when you hover over the title within the header. So, I was curious if I could get that same effect on the header so readers know where they'll be taken. Many Many Thanks For Sharing Your Skills & Wisdom! George
That just takes a little more code in the same place for title.. <div class="intro" title="Return to Homepage" onclick="location.href='http://www.animalprintshoes.org';"style= "cursor:pointer;"> Code (markup):