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?

CSS Styling questions
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: CSS Styling questions
#4627
CSS Styling questions 7 Years, 6 Months ago Karma: 0
Hi,

Thanks again for the great support! I have a few questions on how to style the menu:

1) How to remove the default dropdown arrow image?

2) How to specify standard width for each parent item placeholder (currently, item width auto resizes) and center text in placeholder?

3) I've removed the border from the menu (BODY #{$id}.yui-skin-sam .yuimenu .bd {border-width:0;}) but a vertical line between each parent item still remains. How can I remove this?

Screenshot of current layout below.

Appreciate your help!
The administrator has disabled public write access.
 
#4628
Re:CSS Styling questions 7 Years, 6 Months ago Karma: 0
apologies, resized image attached
The administrator has disabled public write access.
 
#4629
Re:CSS Styling questions 7 Years, 6 Months ago Karma: 671
Use the following CSS rules, please:

1.

Code:


.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu
{
  background-image: none;
}



2.

Code:


.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel 
{
  width:55px;
  text-align:center;
}



3.

Code:


.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritem 
{
  border-right-width: 0;
}

top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel:hover,
.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected 
{
  border-left-width: 0;
  margin-left: 0px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#4632
Re:CSS Styling questions 7 Years, 6 Months ago Karma: 0
Thanks for your response.

1- worked perfectly.

2- fixed width worked perfectly but center align doesn't work

3- still doesn't work. I tried changing border-left-width=0 and border-right-width=0 to border-width=0 in both cases, this gets rid of the vertical lines on hover but not while inactive.

Could there be a conflict in my CSS styling? Here are the current styles in my CSS styles parameter box:

.yui-skin-sam .yuimenubar .bd
{
line-height: inherit;
}

.top_menu .yui-skin-sam .yuimenubar UL
{
padding: 0;
}

.top_menu .yui-skin-sam .yuimenubar UL LI
{
padding: 0;
margin:0;
}

.top_menu .yui-skin-sam .yuimenubar .yuimenu UL LI
{
float: none;
}

BODY #{$id}.yui-skin-sam .yuimenubar,
BODY #{$id}.yui-skin-sam .yuimenubaritem-selected,
BODY #{$id}.yui-skin-sam UL LI.yuimenuitem-selected,
BODY #{$id}.yui-skin-sam .yuimenu .bd
{
background-color: #fff;
background-image: none;
border-width:0;
}


BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel,
BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link,
BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:link,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:visited
{
color: #5F798F;
}

BODY #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover,
BODY #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover
{
color: #CC0000;
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu
{
background-image: none;
}

.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
width:55px;
text-align:center;
}


.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritem
{
border-width: 0;
}

top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel:hover,
.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected
{
border-width: 0;
margin-left: 0px;
}

Thanks again!
The administrator has disabled public write access.
 
#4633
Re:CSS Styling questions 7 Years, 6 Months ago Karma: 671
Send the latest HTML source of this page, please, by email.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#4647
Re:CSS Styling questions 7 Years, 6 Months ago Karma: 671
2. Add the following CSS rule:

Code:


.top_menu .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
  padding: 0;
}



3. Unfortunately we don't see this issue on sources which you sent.

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