Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Header Customization


  #1  
Old Sep 14, 2012, 10:27 AM
wallyman0
 
22 posts · Dec 2010
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!
  #2  
Old Sep 14, 2012, 10:39 AM
wallyman0
 
22 posts · Dec 2010
site im trying to copy into wordpress is tagfactory.com..thanks
  #3  
Old Sep 14, 2012, 11:36 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Sep 14, 2012, 12:12 PM
wallyman0
 
22 posts · Dec 2010
i see the overlay is fairly new......ok cool.....looks like the html in the Configure will work splendidly.....thanks
  #5  
Old Oct 1, 2012, 02:20 PM
wallyman0
 
22 posts · Dec 2010
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
  #6  
Old Oct 1, 2012, 04:02 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
set the position to 'relative' and position away
Firebug in FireFox is great for things like this
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Oct 1, 2012, 06:42 PM
wallyman0
 
22 posts · Dec 2010
thanks ill try firebug, the relative thing is not working for me so far....
  #8  
Old Oct 1, 2012, 06:43 PM
wallyman0
 
22 posts · Dec 2010
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
  #9  
Old Oct 2, 2012, 07:03 AM
wallyman0
 
22 posts · Dec 2010
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!
  #10  
Old Oct 2, 2012, 07:36 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You could try shifting the logo bar up
Or put the HTML before the %logo and position it down
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Oct 2, 2012, 08:15 AM
wallyman0
 
22 posts · Dec 2010
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

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Customization - RSS feed from ASP to something else... mkellam Customization, Design, Programming... 0 Jun 15, 2011 10:44 AM
Upgrade from 332 to 342 - How to keep all my customization? pattayabeach New Versions, & Updating 7 Sep 3, 2009 02:30 PM
BYLINE Customization Darren Sproat Post-Kicker, -Byline & -Footer 0 Mar 21, 2009 04:38 PM
More customization in the kicker? tkcrosley Post-Kicker, -Byline & -Footer 2 Jan 30, 2009 01:46 PM


All times are GMT -6. The time now is 07:22 AM.


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