ARI Soft - Menu modifications do not work

Home

News

Forum

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

29/12/2011 Merry Christmas and Happy New Year!

Dear visitors, our office will be closed from December 30 to January 2 due to the celebration of the New Year. You can purchase and download our products, but we can not guarantee quick answers to your questions for this period of time. Happy New Year! Your ARI Soft team.

more...
27/09/2011 ARI Smart Content v. 1.8.0

ARI Smart Content v. 1.8.0 is ready. New version is compatible with Joomla! 1.5, 1.6 and 1.7 and it is released under GNU GPL license.

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 YUI Menu

Menu modifications do not work

(1 viewing) (1) Guest

Page: 12

TOPIC: Menu modifications do not work

Forum Tools

#4814

Menu modifications do not work 1 Year, 8 Months ago	Karma: 0
Hello, I am trying to center the text in my menu, and to have the ability to play with removing the text background and stuff like that. When I enter custom CSS in the appropriate field in the module, nothing happens to the menu on my website. I believe that probably the template CSS is overriding the menu CSS, but I may be wrong. Please help! beautyjewel.com/temp/refraction/

beautyjewel11

The administrator has disabled public write access.

#4816

Re:Menu modifications do not work 1 Year, 8 Months ago Karma: 278

Hello,

You can add the following CSS rules to 'CSS Styles' parameter:

Code:



#{$id}.yui-skin-sam .yuimenubar ul li a.yuimenubaritemlabel, 

#{$id}.yui-skin-sam .yuimenubar ul li a.yuimenubaritemlabel:link, 

#{$id}.yui-skin-sam .yuimenubar ul li a.yuimenubaritemlabel:visited, 

#{$id}.yui-skin-sam .yuimenubar ul li a.yuimenubaritemlabel:hover

{

  padding-right: 10px;

}



#{$id}.yui-skin-sam .yuimenubar ul li.yuimenubaritem-hassubmenu a.yuimenubaritemlabel, 

#{$id}.yui-skin-sam .yuimenubar ul li.yuimenubaritem-hassubmenu a.yuimenubaritemlabel:link, 

#{$id}.yui-skin-sam .yuimenubar ul li.yuimenubaritem-hassubmenu a.yuimenubaritemlabel:visited, 

#{$id}.yui-skin-sam .yuimenubar ul li.yuimenubaritem-hassubmenu a.yuimenubaritemlabel:hover

{

  padding-right: 20px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#4825

Re:Menu modifications do not work 1 Year, 8 Months ago	Karma: 0
Thanks for your reply. The code still does not alter anything on the site; the menu looks the same with and without adding this code to the styles parameter. I think the template CSS is overriding it? Do you have any other ideas?

beautyjewel11

The administrator has disabled public write access.

#4826

Re:Menu modifications do not work 1 Year, 8 Months ago	Karma: 0
Correction. The code seems to have some effect, since the menu items are moved to the let slightly when I add the code. However, they still do not get centered...

beautyjewel11

The administrator has disabled public write access.

#4829

Re:Menu modifications do not work 1 Year, 7 Months ago	Karma: 278
Sorry, but you have changed padding-right property in CSS rules which we provided. Explain you needs in more details, you need that each menu item has the same width or has the same left and right padding? Regards, ARI Soft

admin

The administrator has disabled public write access.

#4837

Re:Menu modifications do not work 1 Year, 7 Months ago	Karma: 0
Hi, I have actually figured out how to center the text. I now want to know how to eliminate the menu bar background, so just the titles of my categories show up. Is this possible? Thanks!!

beautyjewel11

The administrator has disabled public write access.

Page: 12

Useful Links