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?

round corner on vertical position
(1 viewing) (1) Guest
Go to bottomPage: 123456
TOPIC: round corner on vertical position
#50875
Re:round corner on vertical position 3 Years, 2 Months ago Karma: 0
Thank you, this is what I wanted as well. But I have a horizontal menu that has 7 or more sub menus. The following code is working fine for the top, first and last but I would like the in between to have the same style as first.

.ux-menu-horizontal LI A.ux-menu-link-first,
.ux-menu-sub LI A.ux-menu-link-first
{
-moz-border-radius: 0px 0px 0 0;
-webkit-border-radius: 0px 0px 0 0;
-o-border-radius: 0px 0px 0 0;
border-radius: 0px 0px 0 0;
border-style: solid !important;
border-width: 0px 3px 0px 3px;
}

.ux-menu-horizontal LI A.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-last
{
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
border-style: solid !important;
border-width: 0px 3px 3px 3px;
}

.ux-menu-horizontal LI A.ux-menu-link-first.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-first.ux-menu-link-last
{
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-o-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
border-width: 3px 3px 0px 3px;
}

UL.ux-menu LI.ux-menu-item-main {margin: 0 0px !important;}
UL.ux-menu LI {padding: 0 !important;margin: 0 !important;}
UL.ux-menu LI:before {display: none !important;}
#{$id} LI.ux-menu-item-level-0
{
width: 225px;
}
#{$id} LI.ux-menu-item-level-1
{
width: 225px;
}


Thank you.
Last Edit: 2014/08/19 10:51 By ewightman.
The administrator has disabled public write access.
 
#50890
Re:round corner on vertical position 3 Years, 2 Months ago Karma: 666
Hello,

You can use "ux-menu-link" CSS class instead of "ux-menu-link-first" and "ux-menu-link-last" in CSS selectors.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#56371
Re:round corner on vertical position 1 Year, 10 Months ago Karma: 0


Is it possible to have round corner in horizontal main menu??

Can you give me the code please??


Here is my code:

#{$id} LI.ux-menu-item-level-0
{
width: 100px;
}

.ux-menu-vertical LI A.ux-menu-link-first,
.ux-menu-sub LI A.ux-menu-link-first
{
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
border-style: none !important;
}

.ux-menu-vertical LI A.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-last
{
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
border-style: none !important;
}

.ux-menu-vertical LI A.ux-menu-link-first.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-first.ux-menu-link-last
{
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-o-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

Everything is fine except I want Round corner in horizontal menu, and if it's possible only at left and right!!

Thank's!
Last Edit: 2015/11/25 08:19 By demetan71.
The administrator has disabled public write access.
 
#56375
Re:round corner on vertical position 1 Year, 10 Months ago Karma: 666
Hello,

Add the following CSS rules:

LI.ux-menu-item-main>A.ux-menu-link-first
{
border-radius: 10px 0 0px 10px;
}

LI.ux-menu-item-main A.ux-menu-link-last
{
border-radius: 0 10px 10px 0;
}

Regards,
ARI Soft
The administrator has disabled public write access.
 
#56376
Re:round corner on vertical position 1 Year, 10 Months ago Karma: 0
It work's fine thank's a lot!!!
The administrator has disabled public write access.
 
#56377
Re:round corner on vertical position 1 Year, 10 Months ago Karma: 0
Another quick question!!!!

Is it possible to remove the ">" ???

Thank's
The administrator has disabled public write access.
 
Go to topPage: 123456