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?

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 7 Years, 6 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 14:14 By rowby.
The administrator has disabled public write access.
 
#4925
Re:Please see why my css override not ending border 7 Years, 6 Months ago Karma: 670
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 7 Years, 6 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 16:35 By rowby.
The administrator has disabled public write access.
 
#4927
Re:Please see why my css override not ending border 7 Years, 6 Months ago Karma: 670
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 7 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 7 Years, 5 Months ago Karma: 670
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