Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

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


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
Go to bottomPage: 1
TOPIC: Modify Submenu
*
#4564
Modify Submenu 15 Years, 1 Month ago Karma: 0
Hi!

I'm changing the CSS for items of main menu, but i can't modify the submenu items. I want to modify, background, font-size, font-color and more... but I can't find his class.

The image show the problem.

I tried with:
Code:

.ux-menu .ux-menu-sub li li a {font-size:12px !important;}


THANK'S
Last Edit: 2010/05/29 23:43 By carscx.
The administrator has disabled public write access.
 
#4567
Re:Modify Submenu 15 Years, 1 Month ago Karma: 764
Hello,

You can use the following CSS rule for changing sub menu font color, background and others:

Code:


.ux-menu-container .ux-menu-sub LI A
{
  color: red;
  background: green none;
}



Font size and weight you can define in module settings for all items (main menu items and sub menus items).

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4570
Re:Modify Submenu 15 Years, 1 Month ago Karma: 0
Thank you very much, I've solved differently.

I changed the file <joomla_dir>/modules/mod_ariextmenu/mod_ariextmenu/templates/main.html.php about line #53

Code:

printf('<style type="text/css">#%1$s A{ /*font-size: %2$s !important; font-weight: %3$s !important; text-transform: %4$s !important; */}</style>',


by this
Code:

printf('',


And the line about #64

Code:

sprintf('<style type="text/css">#%1$s A{ /*font-size: %2$s !important; font-weight: %3$s !important; text-transform: %4$s !important; */}</style>',


by this
Code:

printf('',


I canceled the options of backend, to manage it with only CSS. And I have succeeded, thanks to this code:

Code:

.ux-menu-sub li a {background:#eee;color:#505050;font-size:14px !important;font-weight:bold !important;text-align:left !important;border-top:0 !important;border-bottom:0 !important;border-right:1px solid #C5C5C5 !important;border-left:1px solid #C5C5C5 !important;padding:7px !important;}
.ux-menu-sub li a:hover {background:#fff;color:#505050;font-size:14px !important;font-weight:bold !important;}
.ux-menu-sub .ux-menu-link-last a {border-bottom:1px solid #C5C5C5 !important;}
.ux-menu li li{width:200px;height:auto;margin:0px;padding:0px;}



You can see the final result on the image below:


Thank you very much.

Regards,
Last Edit: 2010/05/30 11:07 By carscx.Reason: Modify size of example image
The administrator has disabled public write access.
 
Go to topPage: 1