- This topic has 2 replies, 3 voices, and was last updated 14 years, 2 months ago by
.
-
Posts
-
I have used custom code for the first dropdown in my navigation but when I am on that page or child pages, the current_page_item class is not being generated as it is in the rest of the navigation. Can you please tell me what’s missing from that code or suggest what I’m doing wrong?
The site is http://www.nantucketatheneum.org/New. The nav item is "Hours & Location." I moved the css into the style.css for the customized theme I’m using. I have modified the css to change the color of the main nav item when on that page or its children using the current_page_item, current_page_ancestor, and current_page_parent styles and that is working for all other pages.
I’d appreciate any hints or suggestions. Thanks.
Hello,
first of all: great job you did with your plugin @pixopoint.
now i am having nearly the same problem. i am using the "PixoPoint Menu Plugin" and don’t know where to add the "current_page_item / current_page_partent" in my style.css?
thanks for your help.
this is the code i use and i think it is the standard code:
[code:2z09si7n]/* NAVIGATIOn */#pixopoint_menu1 {
width:100%;
height:30px;
margin:0;
padding: 180px 0px 0px 270px;
}
#pixopoint_menu1 ul {
width:100%;
border:none;
background:none;
margin:0;
padding:0;
list-style:none;
}
#pixopoint_menu1 li {
border:none;
background:none;
line-height:30px;
letter-spacing:0px;
font-weight:bold;
font-size:12px;
margin-top: 0px;
padding:0;
float:left;
font-family:tahoma,sans-serif;
position:relative;
}#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
background-position:0 60px;}
#pixopoint_menu1 li a {
border:none;
background:none;
text-decoration:none;
display:block;
padding:0 12px;
color:#FFFFFF;
}
#pixopoint_menu1 li a:hover{
border:none;
background:none;
text-decoration:none;
color: #99bb0c;
background-position:100% -120px;
}#pixopoint_menu1 ul ul {
position:absolute;
left:-999em;
top:30px;
width:120px;
}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
left:auto;
}
#pixopoint_menu1 ul ul li a {
padding:4px 10px;
text-transform:normal;
font-variant:normal;
}
#pixopoint_menu1 ul ul li {
letter-spacing:0px;
color:#444444;
z-index:20;
width:100px;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
background:#303233;
margin:0;
border-top: 1px solid ##303233;
}
#pixopoint_menu1 ul ul li a {
line-height:22px;
color:#fff;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
color:#99bb0c;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
color:#fff;
}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
color:#99bb0c;
}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
color:#99bb0c;
}
#pixopoint_menu1 ul ul ul li {
font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
position:absolute;
margin-left:-999em;
top:0;
width:120px;
}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
margin-left:120px;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
text-decoration:none;
}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 li.pixo_search:hover {
background:none;
}
#pixopoint_menu1 li.pixo_search form {
margin:0;
padding:0;
}
#pixopoint_menu1 li.pixo_search input {
font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu1 li.pixo_right {
float:right;
}
/* MENü-2
*/
#pixopoint_menu2 {
width:100%;
height:25px;
background:#FF5050 url("../images/smoothfade_palered.png") repeat-x;
background-position:50% 0;
margin:0;}
#pixopoint_menu2 ul {
width:100%;
border:none;
background:none;
margin:0;
padding:0;
list-style:none;
}
#pixopoint_menu2 li {
border:none;
background:none;
background:#FF5050 url("../images/smoothfade_palered.png");
color:#FFFFFF;
line-height:25px;
text-transform:uppercase;
z-index:10;
letter-spacing:0px;
background:;
font-weight:normal;
font-size:12px;
padding:0;
margin:0 0px;
;float:left;
font-family:helvetica,arial,sans-serif;
position:relative;
}
#pixopoint_menu2 li:hover,#pixopoint_menu2 li.sfhover {
background:#e92020
}
#pixopoint_menu2 li a {
border:none;
background:none;
text-decoration:none;
display:block;
padding:0 8px;
color:#FFFFFF;
}
#pixopoint_menu2 li a:hover {
border:none;
background:none;
text-decoration:none;
color:#FFFFFF;
background-position:100% -120px;
}
#pixopoint_menu2 ul ul {
position:absolute;
left:-999em;
top:25px;
width:120px;
}
#pixopoint_menu2 li:hover ul,#pixopoint_menu2 li.sfhover ul {
left:auto;
}
#pixopoint_menu2 ul ul li a {
padding:4px 10px;
text-transform:normal;
font-variant:normal;
}
#pixopoint_menu2 ul ul li {
letter-spacing:0px;
color:#444444;
z-index:10;
width:120px;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
background:#fcfcfc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
margin:0;
}
#pixopoint_menu2 ul ul li a {
line-height:22px;
color:#444444;
text-decoration:none;
}
#pixopoint_menu2 ul ul li:hover a,#pixopoint_menu2 ul ul li.sfhover a {
color:#444444;
text-decoration:none;
}
#pixopoint_menu2 ul ul li:hover li a,#pixopoint_menu2 ul ul li.sfhover li a {
color:#444444;
}
#pixopoint_menu2 ul ul li:hover li a:hover,#pixopoint_menu2 ul ul li.sfhover li a:hover {
color:#444444;
}
#pixopoint_menu2 ul ul li:hover,#pixopoint_menu2 ul ul li.sfhover {
color:#444444;
background:#dedede;
}
#pixopoint_menu2 ul ul ul li {
font-size:1em;}#pixopoint_menu2 ul ul ul, #pixopoint_menu2 ul ul ul ul {
position:absolute;
margin-left:-999em;
top:0;
width:120px;
}
#pixopoint_menu2 li li:hover ul,#pixopoint_menu2 li li.sfhover ul,#pixopoint_menu2 li li li:hover ul,#pixopoint_menu2 li li li.sfhover ul {
margin-left:120px;
}
#pixopoint_menu2 ul ul li:hover li a,#pixopoint_menu2 ul ul li.sfhover li a {
text-decoration:none;
}
#pixopoint_menu2 ul ul li li:hover a,#pixopoint_menu2 ul ul li li.sfhover a {
color:#444444;
text-decoration:none;
}
#pixopoint_menu2 li.pixo_search:hover {
background:none;
}
#pixopoint_menu2 li.pixo_search form {
margin:0;
padding:0;
}
#pixopoint_menu2 li.pixo_search input {
font-family:helvetica,arial,sans-serif;}
#pixopoint_menu2 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu2 li.pixo_right {
float:right;
}[/code:2z09si7n]"novation" wrote:I have used custom code for the first dropdown in my navigation but when I am on that page or child pages, the current_page_item class is not being generated as it is in the rest of the navigation. Can you please tell me what’s missing from that code or suggest what I’m doing wrong?Custom code is just static HTML, so there is no way to add a current page class via this.
- You must be logged in to reply to this topic.