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


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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?

Please see why my css override not ending border
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Please see why my css override not ending border
#4920
Please see why my css override not ending border 14 Years, 5 Months ago Karma: 1
HI

I am trying to get rid of the border, but my css doesn't seem to it.

Also I would prefer to have just blue background for the background of the menu instead of using ANY graphic, on this particular site. That would include hover etc. Always the same color blue.

freevanrentals.com/ (development site)

Here's the live site and what I am trying to make the new menu look like:
www.airportvanrental.com/

Here is the css I am using in the module's css override box.

The support here is so amazing and helpful!

# .yuimenubar ul
{
position: relative;
left: -520px;
margin-top: 20px;
display: inline-block;
}

# .yuimenubar .yuimenu ul
{
left:0;
}
height: 40px;
padding-top: 8px;
}

.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.yuimenubaritemlabel:hover
{
border-width: 0;
padding-top: 1px;
Last Edit: 2010/06/17 20:14 By rowby.
The administrator has disabled public write access.
 
#4925
Re:Please see why my css override not ending border 14 Years, 5 Months ago Karma: 760
Hello,

Try to add the following CSS rule:

Code:


body #{$id}.yui-skin-sam .yuimenubar
{
  border-style: none;
}

body #{$id}.yui-skin-sam ul li.yuimenubaritem-selected,
body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel-selected,
body #{$id}.yui-skin-sam .yuimenu .bd,
body #{$id}.yui-skin-sam ul li a.yuimenuitemlabel-selected
{
  background: #193E73 none;
}




Regards,
ARI Soft
The administrator has disabled public write access.
 
#4926
Re:Please see why my css override not ending border 14 Years, 5 Months ago Karma: 1
Hi -- thanks for helping.

I removed all the code that was currently in the module and replaced it only with your code: Below is a copy and paste of the new code:

Code:

body #{$id}.yui-skin-sam .yuimenubar
{
  border-style: none;
}

body #{$id}.yui-skin-sam ul li.yuimenubaritem-selected,
body #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel-selected,
body #{$id}.yui-skin-sam .yuimenu .bd,
body #{$id}.yui-skin-sam ul li a.yuimenuitemlabel-selected
{
  background: #193E73 none;
}



However it did not make the changes.

www.freevanrental.com (development site)

Here is how I would like the menu to look, from the live site:
www.airportvanrental.com (live site)

Note that there should be white borders on the right and left side of each button, but no border on top and bottom -- as in the live site.

Thanks again!


Please see attached screen capture
Last Edit: 2010/06/17 22:35 By rowby.
The administrator has disabled public write access.
 
#4927
Re:Please see why my css override not ending border 14 Years, 5 Months ago Karma: 760
Use the following CSS rules, please:

Code:


.RowbyAriMenu
{
  padding-left: 50px;
}

.RowbyAriMenu #{$id} .yuimenubar ul,
.RowbyAriMenu #{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem
{
  height: 26px;
}

.RowbyAriMenu #{$id} .yuimenubar ul ul
{
  height: auto;
}

body .RowbyAriMenu #{$id}.yui-skin-sam ul li.yuimenubaritem-selected,
body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel-selected,
body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel-selected
{
  text-decoration: underline;
}

.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel, 
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:link, 
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:visited, 
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel:hover,
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel, 
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:link, 
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:visited, 
.RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenuitemlabel:hover
{
  border-style: none;
  color: #FFF;
}

.RowbyAriMenu .moduletable
{
  border-style: none;
}

body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel
{
  padding: 0 10px 0 10px;
}

body .RowbyAriMenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel-hassubmenu
{
  padding: 0 20px 0 10px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#5044
Re:Please see why my css override not ending border 14 Years, 5 Months ago Karma: 1
Looks great!

One last request

freevanrentals.com/

When you hover over them and the drop downs we want to keep the same blue background and white letters. Right now if you click on them it appears the background is an image.

Thank

Rowby
The administrator has disabled public write access.
 
#5045
Re:Please see why my css override not ending border 14 Years, 5 Months ago Karma: 760
Try to add the following CSS rule:

Code:


body #{$id}.yui-skin-sam .yuimenubaritem-selected
{
  background-position: 0 0;
}



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