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


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

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


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 Styling and positioning
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Menu Styling and positioning
#8284
Menu Styling and positioning 7 Years, 1 Month ago Karma: 0
Hi there, Im just learning css and would like to know a couple of things about your menu. my site is www.sure-fire.co.uk

Firstly I would like the menu to be centered horizontally in my topMenu position. What would be the css for this?

Secondly, I would like the menu to be in #898989 bg color, and for the text to be arial font,

Thirdly i would like the sub menus to be transparent if possible.

Can you provide me with the css that Id need to put in the styling box on the module perameters page.

Thanks in advance!
The administrator has disabled public write access.
 
#8285
Re:Menu Styling and positioning 7 Years, 1 Month ago Karma: 670
Hello,

Use the following CSS rules:

Code:


#header_wrapper .yuimenubar A.yuimenubaritemlabel,
#header_wrapper .yuimenubar A.yuimenuitemlabel
{
 font-family: Arial;
}

#header_wrapper .yui-skin-sam
{
 text-align: center;
}

#header_wrapper .yuimenubar
{
 display: inline-block !important;
}

#header_wrapper .yui-skin-sam .yuimenu .bd
{
 background-color: transparent;
}

#header_wrapper .yui-skin-sam .yuimenubar
{
 background: #898989 none;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#8287
Re:Menu Styling and positioning 7 Years, 1 Month ago Karma: 0
Thanks!

the support really is 1st class here!

one more thing. id like the menu to sit in a module 960px wide, all of which should have the 898989 bg color. ATM the menu has container bg color either side.

Any help?

Also id like the submenus to have greater spacing between the items, and have a 1px border of 898989 around them.

Id also like to change the hover action to show a different png, and for that png to be displayed on the active menu item. Any help here?

Sorry to bug!
The administrator has disabled public write access.
 
#8289
Re:Menu Styling and positioning 7 Years, 1 Month ago Karma: 670
Use the following CSS rules:

Code:


/* on hover */
#header_wrapper .yui-skin-sam .bd ul li.yuimenubaritem-selected
{
 background: transparent;
 background-image: none; /* place path to necessary background image */ 
}

#header_wrapper .yui-skin-sam .yuimenuitem
{
  border-top: 1px solid #898989;
}

#header_wrapper .yui-skin-sam .yuimenuitem
{
  padding: 8px 0;
}

#header_wrapper .yui-skin-sam LI.first-of-type
{
 border-top: none;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1