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


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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 13 Years, 9 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 13 Years, 9 Months ago Karma: 746
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