Hi

I've managed to get 'XS Dropdown & OnClick Menus 1.1.0' working in the current IP.  I even got it to work properly in Firefox.  

However, my lack of HTML/php knowledge is stopping me from tailoring it.  Can anyone tell me how to remove the individual borders on the menu?  I want one long list, not several cells as per this image.  


 



I'd be very grateful for any help.

check

forum-buttons

in your .css

____________
? Zuker - EDDB - LPM - Sharefields

Hi its for style_ice.css

open /templates/mg_themes/style_ice.css
and and at the and

for oder style mast edit the colors

Pepi

I've sorted it

I had to change two numbers to get rid of the divisions between the rows, but still keep the bottom border of the menu itself.

This is the original code


/* XS Dropdown & OnClick Menus */
#dropmenudiv{
    position:absolute;
    border:1px solid #334C9A;
    border-bottom-width: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:18px;
    z-index:100;
}
#dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #334C9A;
    padding: 1px 0;
    text-decoration: none;
}
#dropmenudiv a:hover{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #334C9A;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
    background: #F0F0F0 url(images/bg_row_hover.gif) bottom right no-repeat;
}


and this is the edited code:

/* XS Dropdown & OnClick Menus */
#dropmenudiv {
    position: absolute;
    border: 1px solid #113355;
    border-bottom-width: 1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    z-index: 100;
}
#dropmenudiv a {
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 0px solid #113355;
    padding: 1px 0;
    text-decoration: none;
}
#dropmenudiv a:hover {
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 0px solid #113355;
    padding: 1px 0;
    text-decoration: none;
}
#dropmenudiv a:hover { /*hover background color*/
    background: #CBDDE5 url(images/ice/bg_row_hover.gif) bottom right no-repeat;
}



As you can see, I've changed the bottom-border-width value in #dropmenudiv{, and also the border-bottom value in #dropmenudiv a{

I thought I should post the solution just in case someone else needs to use it one day.

Thanks to Zuker and Pepi.