2016 Q2 skins have changed / need formatting help

[Tomica]

I have been using two Menu controls with Metro Touch skin applied.

Last year I modified the CSS to remove borders, background and a few other elements, as you can see in the first screen shot (2015)

Sometime this year, in another project with more recent releases, now on the latest Q2, I find that there are vertical lines, as shown in screen shot 2016.

The CSS is identical for both.

All I need is to modify an unknown style that puts the vertical line there, at the right of each of the two menus.

 

 

[Magdalena]

Hi Tomica,

Try to apply the following:

html .RadMenu .rmRootGroup.rmHorizontal>.rmItem {
    border-width: 0;
}

Regards,
Magdalena
Telerik

[Tomica]

Yes, this works. I had not know about the rmHorizontal until now.

[Magdalena]

Hello Tomica,

We are glad that the solution meets your expectations. We have record this short video how you can find the rule that you should to overwrite if you would like to remove borders. The tested browser is Chrome.

Regards,
Magdalena
Telerik