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 »

use custom menus as simple overlays of header image?


  #1  
Old Nov 5, 2012, 03:07 PM
avantlit
 
12 posts · May 2011
I'm trying to do two things that I think should be reasonably easy to do, and as a not-great coder, I don't want to get too far into screwing around with css.php or other theme files before I ask around (I have been searching for a while on here for some solutions).

The site I'm working on is http://www.ichingstargarden.com.

The FIRST item, to address in this forum, is as stated in the subject: I want menus overlaying the header image that are laid out vertically - see the attached export of a sketch to get the general idea of what I'm going for. In case it's too small to make sense of, I envision blog categories stacked up at left top, and pages stacked up at right bottom. Or vice-versa. But basically this type of layout - and just text links, not buttons (though I might like to style transparencies - but that, I could handle).

Anyone got ideas? I would rather NOT make buttons to overlay (which I can), I'd rather have these be governed by the custom menus function. I feel like I may be missing a large and obvious piece...
Attached Thumbnails
Click image for larger version

Name:	tech-support-screenshot.jpg
Views:	390
Size:	88.7 KB
ID:	2094  
  #2  
Old Nov 6, 2012, 12:02 PM
avantlit
 
12 posts · May 2011
Here's an update: in the interest of getting this up and fixing it later, I decided to use the overlay header option in the theme options menu for the header image; however, I have so far only been able to create menus at the left - no matter how much I try to tweak and check the CSS, the div for the second menu does not put the second menu at right and bottom.

Again, this is for www.ichingstargarden.com.

Just in case someone knows something else about this, like that I simply will not be able to do multiple different div overlays on the header image. But seems like I should be able to...

OK - now I have replaced both dummy menu lists and changed the names of the divs, and this is what is currently in the HTML/CSS inserts. the top_left_menu (xxx items) is formatting correctly, not the other (yyyy items) - the other is what's pushing down the page. Changing the positioning attribute for the second menu, or using left: instead of right:, has no effect whatsoever, either.

Code:
/* header links - posts */
#upper_left_menu { 
position:absolute;
left:10px;
top:30px;
}
#upper_left_menu ul {
list-style-type:none;
}

/* header links - pages */
#lower_right_menu {*
position:absolute;
right:20px;
top:100px;
}
#lower_right_menu ul {
list-style-type:none;
}

Last edited by avantlit; Nov 6, 2012 at 12:18 PM. Reason: adding code excerpt

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Simple newbee header image question i cannot find answer to bigdaddywhale Atahualpa 3 Wordpress theme 2 Mar 21, 2012 11:36 AM
Simple Custom Post Type Archives AnaRita Plugins & Atahualpa 2 Oct 9, 2010 07:16 AM
[SOLVED] How to make custom template with exact format except header and menus Rashell Header configuration & styling 4 Dec 14, 2009 07:57 PM
[SOLVED] I just want to put one simple photo for my header image is that possible cajunblogger Header configuration & styling 1 Nov 9, 2009 12:43 PM


All times are GMT -6. The time now is 09:59 AM.


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