menu-items Shadow

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

I am displaying menu-items in certain margin but it getting shadow along with menu-items . I want to
remove the black shadow
 of the menu-items.how can it be implemented - to change the code or something changed in css file?

this is my css:

.v-menubar-submenu{
display:block;
margin-left:100px;
background-image: url(…/chameleon-blue/menu-item-separator.png) repeat 0 1px;
background-color: #BCD3DE;
font-size: 15px;
color: #3F5F7C;

}
12338.jpg

2

You might want to include this bit:

text-shadow:none;
3

Thanks for reply Madz R, but its not working.

4

You might want to use firebug and see the structure. It is very helpful!

5

put


.v-shadow{
opacity: 0;
}

in your .scss or .css That should remove the shadow from the menu.

6

You could try adding the margin-left: 100px to .v-menubar-popup instead, so that the shadow follows the popup correctly. Otherwise use the .v-shadow {display: none;} to hide it completely.