Hi, I am trying to remove the border from the menu but I am not having any luck. I did what was suggested in this post: www.ari-soft.com/ARI-YUI-Menu/4798-removing-border-from-menu.html

My site is: 174.120.9.66/~thompson/

It is the lower menu on the left.

In my CSS Styles in the module parameters I have:

.yuimenu .yuimenuitem-selected,
.yuimenu .yuimenuitembar-selected
{
background-color: #7AB732 !important;
}
body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel,
body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link,
body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited,
body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover
{
border-width: 0;
padding-top: 1px;
}

_____________________

The background color part works fine but the border is still there.

Also, How can I adapt the templates (Rockettheme Panacea) CSS? I know absolutely nothing about CSS. I do not even really understand what the above is trying to do. What is $id? Am I supposed to replace that w/something?

Thanks in advance and sorry for my lack of knowledge in this area?

Charlie

Hello,

Add the following CSS rule:



This code remove border around the menu.

Regards,
ARI Soft

I'd like to do this as well, but I'm not too familiar with CSS. Which file should be modified and where is the additional coding inserted within that file?

Many thanks!
Gavin

Add the following code to "CSS Styles" parameter:



Regards,
ARI Soft

Hi, thanks for the response! Sorry to be a pain, but I dont see a file called CSS Styles ... where would I find this in the structure, and where would I insert this code in the body of the text?

It is not a file, it is parameter in module settings.



Regards,
ARI Soft