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

23/11/2024 Black Friday 2024

BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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

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 14 Years 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 14 Years ago Karma: 760

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 14 Years 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 14 Years ago Karma: 760

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 14 Years 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 14 Years ago Karma: 760

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