Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Header Customization (http://forum.bytesforall.com/showthread.php?t=18370)

wallyman0 Sep 14, 2012 10:27 AM

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!:)

wallyman0 Sep 14, 2012 10:39 AM

site im trying to copy into wordpress is tagfactory.com..thanks

juggledad Sep 14, 2012 11:36 AM

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

wallyman0 Sep 14, 2012 12:12 PM

i see the overlay is fairly new......ok cool.....looks like the html in the Configure will work splendidly.....thanks

wallyman0 Oct 1, 2012 02:20 PM

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

juggledad Oct 1, 2012 04:02 PM

set the position to 'relative' and position away
Firebug in FireFox is great for things like this

wallyman0 Oct 1, 2012 06:42 PM

thanks ill try firebug, the relative thing is not working for me so far....

wallyman0 Oct 1, 2012 06:43 PM

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

wallyman0 Oct 2, 2012 07:03 AM

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!

juggledad Oct 2, 2012 07:36 AM

You could try shifting the logo bar up
Or put the HTML before the %logo and position it down

wallyman0 Oct 2, 2012 08:15 AM

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 03:09 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.