Header Customization
Hi, Instead of the right side of the header having posts/comments/search. i would like to customize this some plain text and text links (basic html)......easiest way? thanks a bunch!:)
|
site im trying to copy into wordpress is tagfactory.com..thanks
|
you can add HTML to the 'Configure Header Area' option and position things with CSS. There is also a option ato->Header Image->Overlay Header Image you could use
|
i see the overlay is fairly new......ok cool.....looks like the html in the Configure will work splendidly.....thanks
|
hi again juggledad, thanks for the tip.....it worked sort of.......my computer is set to 1024 x 768
since i am using min and max layout width of 900 pixels, with absolute positioning i can get the info in the upper right to line up with the container layout. but on other resolutions, the absolute postioning puts it out of whack with the layout container.... i need the phone number and links to stay put ultimately and be positioned with the right edge of the main container...is this possible? here is the code i added /* phone and header links */ #custom_header { position:absolute; right:200px; top:30px; align:right; font-size: 0.9em; } the site is set-up at http://67.20.77.230/ thanks, wally |
set the position to 'relative' and position away
Firebug in FireFox is great for things like this |
thanks ill try firebug, the relative thing is not working for me so far....
|
of course the relative thing
works, what i meant to say was that i can't get it exactly the way i want it yet |
One last attempt at getting this right......my site is curerntly at
http://67.20.77.230 Im trying to get the right hand phone number image and links underneath to line up straight accross from the logo i have this is "Configure Header Area" %logo <div id="phone_number"><img src="http://67.20.77.230/wp-content/themes/atahualpa/images/TFPhone.gif" alt="Call 847-305-4490"></div><br> <div id="links"><a href="http://67.20.77.230/contact-us/" title="Contact TagFactory With Any Questions or Comments">Contact Us</a> | <a href="http://67.20.77.230/request-a-quote/" title="Request A Pricing Quote">Request A Quote</a> | <a href="http://67.20.77.230/request-samples/" title="Use This Form to Make A Sample Request">Request Samples</a></div> %pages and this in "CSS Inserts" /* phone and header links */ #phone_number { position: relative; left: 600px; } #links { position: relative; left: 560px; font-size: 0.9em; } so this configures the phone and links to the right (yes!) but below the logo when i change the order in "Configure Header Area" the phone and links end up above i tried using top: -80px in the CSS Inserts which lined them up correctly, but then there was a large unwanted white space between the logo bar and the page menu bar any other thoughts? thank you! |
You could try shifting the logo bar up
Or put the HTML before the %logo and position it down |
ok i moved the html before the logo and shifted it down, that worked pretty good, so one last thing.
how can i shift the logo up a bit |
All times are GMT -6. The time now is 07:48 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.