Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Vertical menu border positioning
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Vertical menu border positioning
#5253
Vertical menu border positioning 7 Years, 3 Months ago Karma: 0
First, thanks very much for a useful component. I particularly like that a user can modify the CSS code directly in the module configuration.
I almost have the menus configured the way I want, but am stuck on a minor problem.
Unfortunately, I cannot share the site yet, as it isn't on-line yet. However, I hope the problem is simple enough to figure out without seeing it.
I have added a border on top of each menu item as shown in the image.



I would like to either remove the border above the first menu item or modify whatever padding or margin setting that is causing this border to be spaced from the outer module border.
Here is the CSS code I have added to the module to get where I am. No other CSS mod's have been made in the YUI css files. The overall Joomla template is jhuk_milkyway.

BODY #{$id}.yui-skin-sam .yuimenu .bd {
background-color:#E0E0E0;
border-style: solid;
border-width: 6px;
border-color: #135cae;
}
/* modified border for sub-menus */
body #{$id}.yui-skin-sam .yuimenu .bd .bd {
border-style: solid;
border-width: 2px;
}
/* borders between menu items */
BODY #{$id}.yui-skin-sam .yuimenuitem {
border-top-style: solid;
border-top-width: 2px;
border-top-color: #A8A8A8;
# margin-top:-3px;
# height: 22px;
}
The administrator has disabled public write access.
 
#5276
Re:Vertical menu border positioning 7 Years, 3 Months ago Karma: 667
Hello,

It can be problem with template CSS styles. We can't help you, if don't see the menu your site. Open your site in a browser, choose 'Save Page As' a browser menu item, save page with all included javascript and CSS files, archive it and send to us by email, please. It helps resolve this issue.

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1