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?

Modify Submenu
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Modify Submenu
*
#4564
Modify Submenu 14 Years, 6 Months 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 14 Years, 6 Months ago Karma: 760
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 14 Years, 6 Months 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