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?

Edit Border Colour
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Edit Border Colour
#5385
Edit Border Colour 7 Years, 3 Months ago Karma: 0
Amazing what a good nights sleep and some proper professional help from you guys can accomplish.
I am beginning to get things looking how I want them.
I would like to make the top bottom and side borders a darker colour. Any suggestions?
Website comparticle.com/
I also have a problem with the Cooking tab sliding off the page. When you hover down to Recipes which opens into a new set of sub-menus it opens to the right and is partly obscured. Can it open to the left?
Last Edit: 2010/07/09 12:18 By blackdog.Reason: forgot the most important bit!
The administrator has disabled public write access.
 
#5386
Re:Edit Border Colour 7 Years, 3 Months ago Karma: 666
1. You can add the following CSS rules:

Code:


#pillmenu .ux-menu a
{
  border-top-color: black;
  border-bottom-color: black;
}

#pillmenu .ux-menu a.ux-menu-link-first
{
  border-left-color: black;
}

#pillmenu .ux-menu a.ux-menu-link-last
{
  border-right-color: black;
}

#pillmenu .ux-menu li li a
{
  border-top-color: #CBC0B7;
  border-bottom-color: #CBC0B7;
}

#pillmenu .ux-menu li li a.ux-menu-link-first
{
  border-left-color: #CBC0B7;
}

#pillmenu .ux-menu li li a.ux-menu-link-last
{
  border-right-color: #CBC0B7;
}



2. The module doesn't provide this ability, but you can use the same width for sub-menu items that it looks normal.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#5388
Re:Edit Border Colour 7 Years, 3 Months ago Karma: 0
Thanks for that, not entirely happy with the result that adding the extra code gives so I will leave it as is.
I am interested in making the sub-menus the same width though. Can you explain how to do it?
Thanks.
The administrator has disabled public write access.
 
#5391
Re:Edit Border Colour 7 Years, 3 Months ago Karma: 666
Add the following CSS rules:

Code:


#pillmenu .ux-menu LI LI,
#pillmenu .ux-menu LI LI A
{
  float: none;
}

#pillmenu .ux-menu LI LI A
{
  text-align: left
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#5400
Re:Edit Border Colour 7 Years, 3 Months ago Karma: 0
Thanks once again. Thats has made all the sub-menus the same width. However, I think that width is infinity. The sub-menus slide off the page into the great unknown. LOL. Any ideas on how to restrict this effect to the page width or a set dimension?
The administrator has disabled public write access.
 
#5421
Re:Edit Border Colour 7 Years, 3 Months ago Karma: 666
Hello,

Sorry, use the following CSS rule:

Code:


#pillmenu .ux-menu LI LI A
{
  float: none;
}



instead of the previous CSS rule:

Code:


#pillmenu .ux-menu LI LI,
#pillmenu .ux-menu LI LI A
{
  float: none;
}



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