Icy Phoenix

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. :mryellow:

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

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.