ARI Soft - Edit Border Colour

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show 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.

more...
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.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Ext Menu

Edit Border Colour

(1 viewing) (1) Guest

Page: 12

TOPIC: Edit Border Colour

Forum Tools

#5385

Edit Border Colour 13 Years, 9 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?

blackdog

Last Edit: 2010/07/09 18:18 By blackdog.Reason: forgot the most important bit!

The administrator has disabled public write access.

#5386

Re:Edit Border Colour 13 Years, 9 Months ago Karma: 747

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

admin

The administrator has disabled public write access.

#5388

Re:Edit Border Colour 13 Years, 9 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.

blackdog

The administrator has disabled public write access.

#5391

Re:Edit Border Colour 13 Years, 9 Months ago Karma: 747

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

admin

The administrator has disabled public write access.

#5400

Re:Edit Border Colour 13 Years, 9 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?

blackdog

The administrator has disabled public write access.

#5421

Re:Edit Border Colour 13 Years, 9 Months ago Karma: 747

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

admin

The administrator has disabled public write access.

Page: 12

Useful Links