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 »

[SOLVED] A Newbie (and simple?) question


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 Aug 5, 2010, 05:45 AM
jcarlosd
 
8 posts · Aug 2010
Hi, I'm completely new to Atahualpa Theme that I just installed because its huge customization.

I installed version 3.5.3 and my idea is to design a blog with a big image along the top, no logo, no title, no link at the header. Below, I want to put a menu at the left created with small images. No automatic categories or pages list

I got stuck at current situation: http://filosofiaparalavida.nueva-acropolis.es/ and after reading FAQ and few more posts in this forum I could not find how to fix:
- remove two gray bars behind the header image
- show the menu I created behind the image too
- create image links in the menu

Sorry for asking these simple questions: I'll try to catch up fast with this theme that seems very promising to my needs

J.C.a
  #2  
Old Aug 5, 2010, 06:04 AM
juggledad's Avatar
juggledad
 
22,098 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
see http://forum.bytesforall.com/showthread.php?t=8521
under HEADER - item 4

if you put your menu behind the image, you won't see it

you will need to add CSS to the ATO->Add HTML/CSS Inserts->CSS Inserts to add images for your menu items
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Aug 5, 2010, 06:33 AM
jcarlosd
 
8 posts · Aug 2010
Thx! You are fast
I read that thread but did not relate to my question until now. So I fixed the first question

However, I did not undestand your reply to #2: how can I avoid to put the menu below the header, not behind it?

And regarding question #3, I have some idea about editing the CSS, but how can I attach my menu items with the CSS code?

JC
  #4  
Old Aug 5, 2010, 06:39 AM
juggledad's Avatar
juggledad
 
22,098 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Quote:
However, I did not undestand your reply to #2: how can I avoid to put the menu below the header, not behind it?
you will need to use the 'z-index' to get your menu to show over the image (do a google search for 'css z-index; and read up about it)

you can't attach your menu items with CSS, you need to code HTML for the menu, but to get an image to show up, you want to use CSS. Since you are building your own menu (you should look at the new WordPress menu feature in wp 3+ when building a menu) you will have to define your ID's and Classes and then code the appropriate CSS Selectors and rules to get our menu to work.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Aug 5, 2010, 06:46 AM
jcarlosd
 
8 posts · Aug 2010
I'll follow your recomendation regarding the z-index

Regarding the menu items, yes, I installed WP 3.01 and using the menu feature. I saw that my menu item has this CSS inside the <li></li>:
id="menu-item-7" class="menu-item menu-item-type-custom menu-item-7"

So I added this code in the CSS inserts:
menu-item-7{
background: url('<?php bloginfo('template_directory'); ?>/images/menu/dia-mundial-filosofia.jpg')
}

Is it enough?

JC
  #6  
Old Aug 5, 2010, 06:50 AM
juggledad's Avatar
juggledad
 
22,098 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
did it work? if so, it's enough
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #7  
Old Aug 5, 2010, 09:30 AM
jcarlosd
 
8 posts · Aug 2010
I finally solved both questions

- I wanted the header image at the top (vertically, not in z-axis): what I did was to change from position:absolute to position:relative, so the img is placed inside the table cell

- Regarding the images for the menu items, the code I posted before did not work; what I did was to place a tag <img> instead of a text in the WP 3+ menu feature. I removed the default arrow for the <li> items in the CSS Inserts part of the Add HTML/CSS Inserts

I'm very happy of seeing such flexibility in this wonderful theme

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Newbie question dwights ThemeFrame Presales 4 Feb 3, 2010 06:20 PM
newbie question tbbycatt Atahualpa 3 Wordpress theme 1 Jan 27, 2010 04:38 PM
[SOLVED] Simple question....? d_random Atahualpa 3 Wordpress theme 4 Apr 6, 2009 11:16 AM
Simple Question - How do I change the font for the blog title? Verity Atahualpa 3 Wordpress theme 3 Feb 15, 2009 03:15 PM


All times are GMT -6. The time now is 05:27 PM.


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