Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Adding contact info to right side of header


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 24, 2011, 07:22 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Hello,

I couldn't find details for specific site goal, so I'm adding yet another thread. Sorry guys.

Anyway, I'm trying to add my business's contact number and a simple mission statement phrase to the far side of the header. Ideas?

I tried adding a widget but I didn't know where to put it. Any input is greatly appreciated.

Thanks,

Shawn
__________________
Dr. Shawn Soszka
http://www.DrSoszka.com
  #2  
Old Jan 24, 2011, 07:30 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
You could add a two celled widget area to ATO>Style & edit header area and put the the header in a widget in one cell and the contact info in the other. You could also add the contact info in a div before %image and position with CSS. These ideas are easier to do than explain however. Did what I say make sense?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 26, 2011, 01:35 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Quote:
Originally Posted by lmilesw
You could add a two celled widget area to ATO>Style & edit header area and put the the header in a widget in one cell and the contact info in the other. You could also add the contact info in a div before %image and position with CSS. These ideas are easier to do than explain however. Did what I say make sense?
I like the div idea, what would that look like code-wise HTML & CSS?

Thanks,
Shawn
__________________
Dr. Shawn Soszka
http://www.DrSoszka.com
  #4  
Old Jan 26, 2011, 02:09 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
It's just adding a div with the content you want perhaps with a class so you can style. For example
HTML Code:
<div class="contactmission">Contact and mission info here</div>
Then you would style it using the contactmission class selector.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jan 31, 2011, 04:56 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Quote:
Originally Posted by lmilesw
It's just adding a div with the content you want perhaps with a class so you can style. For example
HTML Code:
<div class="contactmission">Contact and mission info here</div>
Then you would style it using the contactmission class selector.
Thanks for the info. In my case, I'm just using %logo %pages in my header, so I assume the <div> would go between these two elements?

Also I'm not so fluent with CSS, so how would you suggest formatting the spacing of the text. Right now without any formatting its sitting between the logo and page menu.

Thanks,
Shawn
__________________
Dr. Shawn Soszka
http://www.DrSoszka.com
  #6  
Old Jan 31, 2011, 05:38 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
CSS isn't too complicated. w3schools.com has a great section for learning CSS with interactive areas. If you used the code I gave you earlier then you would put something like the following in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
.contactmission {
width: 100px;
padding: 20px;
font-size: 14px;
}
The items I put in there are purely arbitrary. You need to determine what you want to do with the text and them use the proper CSS. This just shows you what is would sort of look like.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jan 31, 2011, 06:14 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Quote:
Originally Posted by lmilesw
CSS isn't too complicated. w3schools.com has a great section for learning CSS with interactive areas. If you used the code I gave you earlier then you would put something like the following in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
.contactmission {
width: 100px;
padding: 20px;
font-size: 14px;
}
The items I put in there are purely arbitrary. You need to determine what you want to do with the text and them use the proper CSS. This just shows you what is would sort of look like.
Thanks Larry!

I insert a graphic within the <Div> element on the page right? or is that something better done with CSS? I'll take a look at the site you recommended.

Thanks again,
Shawn
__________________
Dr. Shawn Soszka
http://www.DrSoszka.com
  #8  
Old Jan 31, 2011, 06:43 PM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
Yes you can insert a graphic there with html and then style it (position, padding, etc) with CSS.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
header, widget header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Adding e-mail contact link in footer JulianKaruk Post-Kicker, -Byline & -Footer 5 Apr 20, 2012 05:46 PM
adding contact info (with email link) to header area viewdesigninc Header configuration & styling 1 Nov 1, 2010 12:55 PM
Adding Contact Us, Privacy Policy, Site Map etc to the Footer area DDF Zone Post-Kicker, -Byline & -Footer 2 Aug 5, 2010 02:20 PM
Adding contact information to the header? Igor Header configuration & styling 2 Nov 5, 2009 03:27 PM
Contact Form 7; And, Adding Audio SCLove Forum How-To 4 May 21, 2009 06:03 PM


All times are GMT -6. The time now is 06:24 AM.


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