ARI Soft - Adding a border around the buttons

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

Adding a border around the buttons

(1 viewing) (1) Guest

Page: 12

TOPIC: Adding a border around the buttons

Forum Tools

#8836

Adding a border around the buttons 13 Years, 5 Months ago	Karma: 0
So here's the problem. (See attached picture) I know it's a very poor quality paint So how do I do this? Thanks in advance

Hosh

Last Edit: 2010/11/19 13:37 By Hosh.

The administrator has disabled public write access.

#8839

Re:Adding a border around the buttons 13 Years, 5 Months ago Karma: 747

Hello,

Add the following CSS rule:

Code:



.ux-menu-container

{

  border: 1px solid green;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8840

Re:Adding a border around the buttons 13 Years, 5 Months ago	Karma: 0
Looking way better now! Yet now I have a border around the entire menu, and not in between the buttons. Anyway to accomplish this?

Hosh

The administrator has disabled public write access.

#8842

Re:Adding a border around the buttons 13 Years, 5 Months ago Karma: 747

Add the next CSS rules:

Code:



.ux-menu-container .ux-menu-horizontal LI A

{

  border-left: 1px solid green;

}



.ux-menu-container .ux-menu-horizontal LI .ux-menu-sub A

{

  border-left: 1px solid #E3DAD1;

}



.ux-menu-container LI A.ux-menu-link-first

{

  border-left-style: none;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8843

Re:Adding a border around the buttons 13 Years, 5 Months ago	Karma: 0
Worked! Awesome thanks man I just noticed however that on the left side next to "nieuws" (view here: tharde.com/ ) there are a few pixels margin. The menu is shorter then the header there...any suggestions? Sorry for wasting your time

Hosh

The administrator has disabled public write access.

#8844

Re:Adding a border around the buttons 13 Years, 5 Months ago Karma: 747

This padding is defined in your site template. Use the following CSS rule that avoid it:

Code:



#panel_container div.search_container

{

 padding: 0;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links