Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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?

Menu modifications do not work
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Menu modifications do not work
#4814
Menu modifications do not work 7 Years, 4 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/
The administrator has disabled public write access.
 
#4816
Re:Menu modifications do not work 7 Years, 4 Months ago Karma: 667
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
The administrator has disabled public write access.
 
#4825
Re:Menu modifications do not work 7 Years, 4 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?
The administrator has disabled public write access.
 
#4826
Re:Menu modifications do not work 7 Years, 4 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...
The administrator has disabled public write access.
 
#4829
Re:Menu modifications do not work 7 Years, 4 Months ago Karma: 667
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
The administrator has disabled public write access.
 
#4837
Re:Menu modifications do not work 7 Years, 4 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!!
The administrator has disabled public write access.
 
Go to topPage: 12