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 »

[SOLVED] Styling individual menu item


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 Apr 1, 2011, 01:19 PM
eonelson
 
8 posts · Oct 2010
Madison, Wisconsin
I would like to make one of my menu items look different than the others. I understand that I can put code in under the ATO area, but I'm not exactly sure what code to put there.

This is the code and I want to edit page-item 239. I'm using Atahualpa 3.5.3 on WP 3.1. Thank you for your help.

<div id="menu1">
<ul id="rmenu2" class="clearfix rMenu-hor rMenu">
<li class="page_item page-item-16 current_page_item">
<li class="page_item page-item-19">
<li class="page_item page-item-21">
<li class="page_item page-item-23">
<li class="page_item page-item-26">
<li class="page_item page-item-98">
<li class="page_item page-item-239">
  #2  
Old Apr 1, 2011, 01:30 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
You can put code directly in a menu created with the WordPress menu system or you could use the following to style the menu in question
HTML Code:
li.page-item-239 {
color: red;
}
This would of course make the text red.

Does that help?
__________________
~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 Apr 1, 2011, 01:37 PM
eonelson
 
8 posts · Oct 2010
Madison, Wisconsin
Thanks for the quick response. Where exactly do I put it? On the ATO page, I inserted it into HTML Inserts: Body Top. That doesn't affect the menu item and my information is visible on the front page within the wrapper.

Eileen
  #4  
Old Apr 1, 2011, 01:54 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
Any code you use would go in ATO>Add HTML/CSS Inserts>CSS Inserts but as I look at what I suggested I realized the CSS for a menu tab would not be a page item. It would be more along the lines of
HTML Code:
#menu-item-297 {
background: red !important;
}
Then you have your hover selectors etc. to deal with. The !important is necessary in some cases to override the CSS that is in place.
__________________
~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.
  #5  
Old Apr 1, 2011, 02:09 PM
eonelson
 
8 posts · Oct 2010
Madison, Wisconsin
Still a no go. . I pasted it exactly like you have it typed and put it in the CSS Inserts box. Also tried it without the !important, didn't do anything.

I am learning code slowly, but don't know enough to trouble shoot unfortunately.

Here is the site: http://wisa.cals.wisc.edu/

I see you are in Upstate . . .used to live in Cortland/Homer

Eileen
  #6  
Old Apr 1, 2011, 02:56 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
It wouldn't be exactly as I have it. You would have to determine the selector for the menu item you want to change. I use Firebug with Firefox for that.
__________________
~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.
  #7  
Old Apr 1, 2011, 03:04 PM
eonelson
 
8 posts · Oct 2010
Madison, Wisconsin
Got It!!! I found some other coding for the menu items and experimented with how much I had to include! Thanks for the prompting.


Eileen

Bookmarks

Tags
menu button, styling

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Menu 1 Settings not Displaying on Top Level Menu Item using WP3 Menus fantasychess Page & Category Menu Bars 2 Jan 7, 2011 02:25 PM
Alter last menu item jnucreative Page & Category Menu Bars 1 Apr 16, 2010 01:28 PM
Menu Item Spacing georgenoise Page & Category Menu Bars 3 Mar 11, 2010 08:08 AM
Page menu bar: first menu item as a image unelma Page & Category Menu Bars 2 Dec 4, 2009 11:52 PM
Menu Item background georgenoise Page & Category Menu Bars 2 Jul 31, 2009 11:12 AM


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


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