ARI Soft - How to change the design on ARI Ext Menu

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

How to change the design on ARI Ext Menu

(1 viewing) (1) Guest

Page: 1

TOPIC: How to change the design on ARI Ext Menu

Forum Tools

#13751

How to change the design on ARI Ext Menu 13 Years, 2 Months ago Karma: 0

Hi,

I just installed Ari Ext Menu and feel that this the module i looking for and thanks for developed a cool module...but i wondering how i can change the design of the menu? i just added on my css as below:

Code:



#mainmenu2 {

	float:left;

	width:560px;

	height:39px;

	clear:left;

	position: absolute;

	padding-top: 35px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 200px;

	}



#mainmenu2 a span { display:none; }

#mainmenu2 ul ul a span { display:inline; }



#mainmenu2 .item28 a { background: url(../images/mainmenu.png) 0px 0px no-repeat; display: block; width:64px; height:30px;	}

#mainmenu2 .item28 a:hover { background-position: 0px -30px; }

#mainmenu2 .item28 a.current { background-position: 0px -60px; }

...............so on.....

but nothing happen....it's still the default design....but the drop down using css below show the result

Code:



#mainmenu2 ul ul li a.ux-menu-link-last { border: none; }

				

#mainmenu2 ul li ul {background: url(../images/bk_dropmenu.png) repeat-x #686868; }



#mainmenu2 ul li ul li a {background:none !important; display:block; width: 165px !important; color: #f4f4f4 !important; margin:0; 

	padding:5px 10px 5px 10px !important; height: auto !important; border-bottom: 1px solid #858585; font-size:12px; text-decoration:none;

	font-weight: normal !important; }





#mainmenu2 ul li ul li a:hover { background-color: #f6d537 !important; color:#333333 !important;}

did i miss something on my css? hope you can help me to find the solution....

thanks...

reezal

The administrator has disabled public write access.

#13752

Re:How to change the design on ARI Ext Menu 13 Years, 2 Months ago	Karma: 748
Hello, Information about menu HTML layout and CSS classed can be found here. It should be helpful that create custom CSS rules for "ARI Ext Menu". Regards, ARI Soft

admin