Custom CSS menu option for more than 1 subpage menu
-
Hi, I managed to change the Menu settings for one subpage with the Menu Custom CSS Styling in the Custom CSS & HTML at the Layoptions menu and now I'm trying to do the same with other pages by copying and pasting the same settings with a different slug name right underneath it but it doesnt seem to be working. Is there a way to make it work for all the other pages and customise it? Thanks a lot!
-
Would you mind sharing a link and the code you are using rn?
-
Sure, the code is on the tutorial link: http://laytheme.com/documentation.html#css-based-on-current-page
(you must change the body.slug-info to whatever your subpage is)
/* site title /
body.slug-info .sitetitle.txt .sitetitle-txt-inner span{
color: white;
}
/ site title mouseover /
body.slug-info .sitetitle.txt:hover .sitetitle-txt-inner span{
color: white;
}
/ site title mouseover underline color /
body.slug-info .sitetitle.txt:hover .sitetitle-txt-inner span{
border-bottom-color: white;
}
/ navigation /
body.slug-info nav.primary a{
color: white;
}
/ navigation mouseover /
body.slug-info nav.primary a:hover{
color: white;
}
/ navigation mouseover underline color */
body.slug-info nav.primary a:hover span{
border-bottom-color: white;
} -
Hey, I am a bit in an urge, is it possible to have an answer for this?
So this is what I'm trying out, after line 34 (its the beginning of the code for another subpage) it doesn't work anymore.. -
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it