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 use images for page menu items?


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 May 23, 2011, 03:45 PM
pierrebk4
 
9 posts · Jan 2011
How to use images for page menu items?

I'm trying to use images for page menu items, so that I can use a client specified font that most pc's don't have. And I'm having trouble with how to tell ata to grab certain images for each page button on the menu bar.

From another thread (http://forum.bytesforall.com/showthread.php?t=10531) I learned to create a WP custom menu, and to assign a class to each menu item. But I can't get the image assigned to the menu item.

I've tried using the class name for the menu item as in:
Code:
#pmabout {background: url(http://www.lorensquires.com/workwithlorensouth/wp-content/uploads/about-button.jpg);}
And I've tried the menu item as in:
Code:
#menu-item-117 {background: url(http://www.lorensquires.com/workwithlorensouth/wp-content/uploads/about-button.jpg);}
Any help would be greatly appreciated.

yes the file exists.
ata version 3.6.4
WP version 3.1

Thanks,

Loren
  #2  
Old May 23, 2011, 04:19 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
You are using an ID name... not a CLASS name. If you put pmabout for a class name on the menu you should use .pmabout for the CSS 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.
  #3  
Old May 23, 2011, 05:38 PM
pierrebk4
 
9 posts · Jan 2011
Thanks for the assistance. But now I've got two page menus, one on top of the other.

How to I disable the text menu, and keep the image menu? In other words, how does ata know that I want to use a custom wp menu, and not its standard page menu?

Loren
  #4  
Old May 23, 2011, 05:41 PM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old May 23, 2011, 05:49 PM
pierrebk4
 
9 posts · Jan 2011
oops sorry,

http://workwithlorensouth.com/

Thanks,

Loren
  #6  
Old May 23, 2011, 06:26 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
A couple of things you could do is use a background image without the text and style the text with typekit or something of that sort. Or you could use code something like the following in the Navigation Label box for the menu item.
HTML Code:
<img src="http://www.lorensquires.com/workwithlorensouth.com/wp-content/uploads/about-button.jpg" />
__________________
~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

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Adding Social Images to Page Menu (As Menu Items) justle Page & Category Menu Bars 2 Jan 27, 2011 12:00 AM
[SOLVED] Background color:hover not working for 'category' items in menu 1 (page menu akg Center area post/pages 4 Sep 27, 2010 08:08 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 10:18 AM
How to use background images for menu items instead of text daxryan Page & Category Menu Bars 2 Feb 27, 2009 04:29 PM


All times are GMT -6. The time now is 11:34 PM.


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