ARI Soft - Last Item Styling

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

ARI Sexy Lightbox demo

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

16/10/2012 "ARI Quiz" v.3.3.0

"ARI Quiz" v. 3.3.0 is ready and it is compatible with Joomla! 3.0.

more...
01/09/2012 "ARI Quiz" v. 3.0.0

We are glad to announce extremely waiting update for popular Joomla! quiz extension. "ARI Quiz" version 3.0.0 is ready. The code has been totally reworked. The extension is fully compatible with Joomla! MVC model and contains the following new features:

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

Last Item Styling

(1 viewing) (1) Guest

Page: 1

TOPIC: Last Item Styling

Forum Tools

#7940

Last Item Styling 2 Years, 7 Months ago	Karma: 0
Hi there! I want to style the last item in the list but everything i try seems not to work, can anyone help? thanks! Elisa

elisa

The administrator has disabled public write access.

#7947

Re:Last Item Styling 2 Years, 7 Months ago	Karma: 442
Hello, Provide link to page where we can see the menu. Regards, ARI Soft

admin

The administrator has disabled public write access.

#7950

Re:Last Item Styling 2 Years, 7 Months ago	Karma: 0
Hello! This is the pagelink, pefectly the Black slide would stick to the hover of the horizontal Men?. And the last item should have the same styling like the vertical items below. tinyurl.com/34gvhzw thanks!!

elisa

The administrator has disabled public write access.

#7961

Re:Last Item Styling 2 Years, 7 Months ago Karma: 442

Use the following CSS rules:

Code:



/* Fix site template styles */

.mainmenu ul.ux-menu-sub

{

 float: none;

 text-align: left;

} 



.mainmenu ul.ux-menu li a

{

 float: none;

}



.mainmenu ul.ux-menu-sub li

{

 padding: 0;

 height: 30px;

}



.mainmenu ul.ux-menu-sub li a

{

 padding: 10px 14px;

}



/* Last sub-menu items styles */

.mainmenu ul.ux-menu-sub li a.ux-menu-link-last

{

 background: green;

 color: #000;

}