Page 1 of 1

How to override the menucascade-separator?

Posted: Wed Feb 07, 2018 11:43 pm
by DrStrangelove
The default menucascade-separator looks like an angle bracket with a dotted line underneath. I'd like to change it to just the angle bracket, and to specify that in the css file.

I tried the following, and it did add an angle bracket, but it also retained the default separators, so there were two separators between each uicontrol.

span.menucascade > span.uicontrol:before {
content: " > ";
}
span.menucascade > span.uicontrol:first-child:before {
content: "";
}

How can I replace the default separator?

Re: How to override the menucascade-separator?

Posted: Fri Feb 09, 2018 4:00 pm
by bogdan_cercelaru
Hello,

To remove the dotted line you should use the following CSS code:

Code: Select all

abbr, abbr[title] {
text-decoration: none;
border-bottom: none;
}
Regards,
Bogdan

Re: How to override the menucascade-separator?

Posted: Fri Feb 09, 2018 6:44 pm
by DrStrangelove
Thank you!