Home News Contact Us Forum About Us Joomla 1.0.x Demo Joomla 1.5 Demo Products F.A.Q.
Shopping 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.

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


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?

Remove background + borders from top level
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Remove background + borders from top level
#5257
Remove background + borders from top level 1 Year, 7 Months ago Karma: 0
Hi,

I really like this menu however I'm trying to achieve the following with the horizontal version but am having difficulty as I can't seem to control the CSS much at all:-

1. Top level menu items with no background and no borders at all;

2. Rollover background removed from top level menu items and add a font colour change instead on rollover;

Is there a document somewhere explaining how to change various aspects of the menu ?

Many thanks

Q.
Last Edit: 2010/07/03 17:31 By qpidity.
The administrator has disabled public write access.
 
#5272
Re:Remove background + borders from top level 1 Year, 7 Months ago Karma: 278
Hello,

Provide link to page, please, where we can see the menu on your site that we can help you. Information about CSS styles of menu, you can find here.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#5291
Re:Remove background + borders from top level 1 Year, 7 Months ago Karma: 0
Thanks for providing that link. I managed to remove borders, background images and make the background transparent, and also add a hover colour on the parent item links by pasting the following into the module parameters CSS:-

Code:


#ariyui98.yui-skin-sam .yuimenubar {
font-size: 93%;
line-height: 2; 
*line-height: 1.9;
border: none;
background: none transparent;
}

#ariyui98.yui-skin-sam .yuimenubarnav .yuimenubaritem {
border-right: none;
}

#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:link,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:visited,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:hover {
border:none;
}

#ariyui98.yui-skin-sam .yuimenubaritem-selected {
background: none transparent;
}

#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:link,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:visited,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:hover {
color:#cc0000;
}

#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:link {
color:#000;
 
}

#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:visited {
color:#000;

}

#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel,
#ariyui98.yui-skin-sam UL LI A.yuimenubaritemlabel:hover {
color:#cc0000;

}





However I can't seem to alter the font-size. I use the web developer firefox extension and have tried altering all references to font-size but without any success. Can you please advise how to amend ?

Many thanks
The administrator has disabled public write access.
 
#5294
Re:Remove background + borders from top level 1 Year, 7 Months ago Karma: 0
Just noticed the font-size parameter within the module!! Bit stoopid of me not to have noticed earlier. Problem solved now.
The administrator has disabled public write access.
 
Go to topPage: 1