ARI Soft - Stylizing menu layout

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

Stylizing menu layout

(1 viewing) (1) Guest

Page: 12 3

TOPIC: Stylizing menu layout

Forum Tools

#26332

Stylizing menu layout 12 Years, 8 Months ago	Karma: 0
First, GREAT menu, so smart! I would like to add CSS to do the following: Shrink the size of the menu buttons overall. Add 3px rounded corners the the overall menu, not buttons. Fix the width of the menu to 950, so it displays background color to right side of module. Could you give me some example CSS and tell me where in the file to edit it? Thank you!

Quartermaster

The administrator has disabled public write access.

#26333

Re:Stylizing menu layout 12 Years, 8 Months ago	Karma: 760
Hello, Provide a link to a page where we can see menu on your site and an image where we can see what do you want to achieve. Regards, ARI Soft

admin

The administrator has disabled public write access.

#26334

Re:Stylizing menu layout 12 Years, 8 Months ago

Karma: 0

Working site with Ext Menu installed:
***

Dev site with a compact menu. Size is good, the rest I like better in yours:
***

(Please remove URLs, not public yet.)

I'm also having trouble getting the menu aligned with the template.
If you can see the Gantry-framework/template CSS, it's just too complex for me.

It would be nice to find the parent CSS from the top menu and just pull the color and fonts from it.

Thanks for your help.

Quartermaster

Last Edit: 2012/03/15 16:06 By admin.

The administrator has disabled public write access.

#26335

Delete 12 Years, 8 Months ago	Karma: 0
Delete

Quartermaster

Last Edit: 2012/03/15 15:48 By Quartermaster.

The administrator has disabled public write access.

#26340

Re:Delete 12 Years, 8 Months ago Karma: 760

Add the next CSS rules:

Code:



.navigation DIV.ux-menu-container

{

  background-color: #2B5887;

  -ms-border-radius: 3px 3px 3px 3px;

  -webkit-border-radius: 3px 3px 3px 3px;

  -moz-border-radius: 3px 3px 3px 3px;

  -o-border-radius: 3px 3px 3px 3px;

  border-radius: 3px 3px 3px 3px;

  width: 950px;

  margin: 0 auto;

}



.navigation .ux-menu LI A.ux-menu-link-level-0.ux-menu-link-first

{

  -ms-border-radius: 3px 3px 3px 3px;

  -webkit-border-radius: 3px 3px 3px 3px;

  -moz-border-radius: 3px 3px 3px 3px;

  -o-border-radius: 3px 3px 3px 3px;

  border-radius: 3px 0px 0px 3px;

}



.navigation .ux-menu LI A.ux-menu-link-level-0

{

 background: transparent none !important;

 border-style: none;

}

Menu text color can be changed in module settings.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#26342

Re:Delete 12 Years, 8 Months ago	Karma: 0
Should I place this in my template CSS and call to it in the module suffix?

Quartermaster

The administrator has disabled public write access.

Page: 12 3

Useful Links