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 » Page & Category Menu Bars »

How to position Page Menu Bar over Header Image?


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 Jul 16, 2009, 09:41 PM
hyperkurt
 
3 posts · Jul 2009
Hi All,

I love the theme and will donate! I used to use the TrueBlue style with the K2 Theme, but they are no longer doing a good job of supporting it and I am now sold on Atahualpa!

Am curious to know how I can eliminate the area used for the Page Menu Bar at the very top and then have the Page Menu Bar appear as a semi-transparent overlay on top of the Image Header.

My URL is: http://www.startuphouston.com

Any advice is appreciated!

Best Rgds

Last edited by hyperkurt; Jul 16, 2009 at 09:43 PM.
  #2  
Old Jul 17, 2009, 08:59 AM
dougfoot's Avatar
dougfoot
 
17 posts · May 2009
Oregon, USA
Like you, I went from K2 to Atahualpa 3

I liked how in K2 the menu bar was on the header image.

Take a look at my site http://www.crazytrike.com

Is this what you'd like to do?

I have instructions posted at: http://www.crazytrike.com/2009/06/08...ahualpa-howto/

Doug
  #3  
Old Jul 19, 2009, 10:21 PM
adventureswithben
 
2 posts · Jul 2009
Doug,

How did you get the (tiled) background image on your blog? I also use Atahualpa and can't find the setting to import my own background image.

Thanks.

~Ben~
  #4  
Old Jul 20, 2009, 08:42 AM
dougfoot's Avatar
dougfoot
 
17 posts · May 2009
Oregon, USA
In Atahualpa Theme Options, "Overal Style & Config", Body, Text & Links, add the following lines for the background and overall text formatting:

background: url(/wp-content/themes/atahualpa/images/background_sm.jpg) repeat top left;
padding-top: 25px;
padding-bottom: 25px;
font-family: tahoma, arial, sans-serif;
font-size: 0.8em;
color: #ffffff;

Will need to tell Atahualpa where your image is, and what name you gave it...

I called mine "background_sm.jpg" and is located off the root of my site in "/wp-content/themes/atahualpa/images".
Also note that there should ne NO spaces in your path structure or file name "_" is ok, " " is not.

Hope this helps

Doug
http://www.crazytrike.com

Last edited by dougfoot; Jul 20, 2009 at 08:44 AM.
  #5  
Old Nov 16, 2012, 08:40 AM
nontech
 
4 posts · Oct 2012
Dougfoot,
Is there a particular spot in the header.php file that you placed the CSS code in order to get the menus to overlay the header image. I've tried copy and pasting the code on my website http://www.alphagraphicsorem.com/ without success.
  #6  
Old Nov 17, 2012, 04:02 AM
juggledad's Avatar
juggledad
 
22,169 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
CSS goes in the CSS Insert option
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Atahualpa Page Menu Bar -> BFA Page Menu Bar? bhannemann Page & Category Menu Bars 16 Feb 21, 2011 04:49 AM
How to position logo image? upscho Header configuration & styling 3 Sep 15, 2009 04:18 AM
[SOLVED] Page Menu on Header image dougfoot Page & Category Menu Bars 3 May 30, 2009 04:37 PM
How do I move drop down menu bar for pages under logo area and header image? barfarf Header configuration & styling 1 Apr 22, 2009 11:49 AM
How to put the page menu bar under the header image? manu Page & Category Menu Bars 1 Mar 9, 2009 08:39 AM


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


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