Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

How do I add a text section or images on either side of the header image?


  #1  
Old Oct 17, 2011, 01:00 PM
hansonref
 
6 posts · Oct 2011
I am using the theme Atahualpa 3.4.9. Right now my header section has rotating images in the center. [My "Configure Header Area" section says %logo %image %pages.] These images are not wide so there is white space on the left and right of each image. I would like to put either text or another image in these white spaces.

To be more specific, the site is for an organization and I would like the contact info on the left, then the header images (rotating), then the hours of operation on the right.

Is there something I can add to the "Configure Header Area" section to accomplish what I want? I only have a basic knowledge of html and css so I'd prefer a solution that doesn't involve too much coding but I'd be willing to give it a try if that's what's required. Thank you.
  #2  
Old Oct 17, 2011, 02:48 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It's going to require either CSS or perhaps adding a multi celled widget area in place of %image. There are other rotating image plugins that could also be used but all of this will, while not complicated, require some knowledge of CSS and HTML.
__________________
~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 Oct 19, 2011, 08:05 AM
hansonref
 
6 posts · Oct 2011
I've made three widget areas in the header. In the left and right one I've added a text section and put in the code I need, but how would I get the random header images into the middle one? I've tried adding %image into a text section but it doesn't work.
  #4  
Old Oct 19, 2011, 08:19 AM
hansonref
 
6 posts · Oct 2011
Also, I've just noticed that the black bars at the top and bottom of the header area don't show up. How would I get those back and remove the gray lines around the 3 widget areas?
  #5  
Old Oct 19, 2011, 08:25 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You would have to use a rotating images plugin instead of %images. I like the Cimy Rotating images plugin. The lines would be added 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.
  #6  
Old Oct 19, 2011, 08:52 AM
hansonref
 
6 posts · Oct 2011
I'd rather not use a plugin. Could I somehow put 3 divs into the Configure Header Area and put %image into one of the divs and then use css to position them? Or could I make two widget areas (one for contact info and one for hours) then position them around the header images?
  #7  
Old Oct 19, 2011, 09:12 AM
hansonref
 
6 posts · Oct 2011
I've figured out how to remove the gray borders of text widgets but still not sure about getting back the black lines around the header area.
  #8  
Old Oct 19, 2011, 09:44 AM
hansonref
 
6 posts · Oct 2011
Never mind, figured that out. I suppose I should play around a bit more before I post. I still have the question about not using a plugin though. Thanks.
  #9  
Old Oct 19, 2011, 12:05 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I think your idea of the three divs might work.
__________________
~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.
  #10  
Old Feb 17, 2012, 04:33 PM
VegasWill
 
4 posts · Feb 2012
Hi. Love the theme. Sorry, I just started using this theme so this may be a novice question.

Though, I think this thread is answering my question somehow as I did a couple of searches before posting.

Basically I want 3 side-by-side divs in the header- logo / tagline / phone#

Normally, I would just put the html in the header file, give them widths, then float the divs left.

Where would I put the html and the CSS? In the options or manually put it in the header and a CSS file?
THANKS!
Will
  #11  
Old Feb 17, 2012, 07:57 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You could put the divs in ATO>Style & edit Header Area and use the necessary CSS in the CSS Inserts box in the theme options.
__________________
~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.
  #12  
Old Feb 17, 2012, 08:06 PM
VegasWill
 
4 posts · Feb 2012
Thank you!

Bookmarks

Tags
atahulapa, header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to use different header image for blog section of site kitfreeman Header configuration & styling 20 Oct 5, 2011 07:19 PM
Changing the header image width and moving the posts section up neondevil Header configuration & styling 3 May 9, 2011 05:57 AM
HOWTO: Insert images and/or text side by side in center column without tables dutchess Center area post/pages 1 Apr 8, 2011 08:09 AM
[SOLVED] How do I insert an image above the Header section without a white line in IE rmilam Header configuration & styling 8 Oct 3, 2010 03:41 PM
Top and Bottom Widget Images With Widgets in Middle and Two Side by Side littlered03 Sidebars & Widgets 2 Jul 18, 2010 08:10 AM


All times are GMT -6. The time now is 11:25 AM.


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