ARI Soft - 2 instances of menu - separating CSS

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

2 instances of menu - separating CSS

(1 viewing) (1) Guest

Page: 123 4

TOPIC: 2 instances of menu - separating CSS

Forum Tools

#8652

Re:2 instances of menu - separating CSS 13 Years, 5 Months ago	Karma: 0
Understood. However this extra parameter will only work with a specified module class suffix which must be enabled in my template? I am testing with no effect so far.

Bossman45

The administrator has disabled public write access.

#8653

Re:2 instances of menu - separating CSS 13 Years, 5 Months ago	Karma: 0
I think I figured out something. I have 2 position classes already set in template. one is Menu and other is left. Just specify one each with.menu or .left and wala! It doubles my code but is effective. Is this a good work around.

Bossman45

The administrator has disabled public write access.

#8654

Re:2 instances of menu - separating CSS 13 Years, 5 Months ago	Karma: 0
That seems to be working fine. ONe other problem presented itself. Is there a way to style the sub menu? On my vertical menu I have 4 sub menus each. Would like to make them considerably smaller than the main menu.

Bossman45

The administrator has disabled public write access.

#8665

Re:2 instances of menu - separating CSS 13 Years, 5 Months ago Karma: 747

For example you can try the following CSS rule:

Code:



.ux-menu-container .ux-menu .ux-menu-sub A

{

  padding: 5px 14px;

}

PS: FireBug add-on for FireFox browser can be used that investigate structure and styles of the menu.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8669

Re:2 instances of menu - separating CSS 13 Years, 5 Months ago	Karma: 0
Wow, thanks. I was close. I'm good but not that good. I've got control over that sub menu now all accept font size. I can change color width and other parameters but not font size. It seems the parameter given from the module control panel over-rides it. Any suggestions? Yes, I do use the Firefox application. Thanks for the thought however. You-guys rock.

Bossman45

Last Edit: 2010/11/13 18:40 By Bossman45.

The administrator has disabled public write access.

#8687

Re:2 instances of menu - separating CSS 13 Years, 5 Months ago Karma: 747

Try the following CSS rule:

Code:



.ux-menu-container .ux-menu .ux-menu-sub A

{

  font-size: 8px !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 123 4

Useful Links