ARI Soft - Please see why my css override not ending border

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

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

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

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI YUI Menu

Please see why my css override not ending border

(1 viewing) (1) Guest

Page: 12 3

TOPIC: Please see why my css override not ending border

Forum Tools

#4920

Please see why my css override not ending border 13 Years, 10 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;

rowby

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 13 Years, 10 Months ago Karma: 747

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

admin

The administrator has disabled public write access.

#4926

Re:Please see why my css override not ending border 13 Years, 10 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

rowby

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 13 Years, 10 Months ago Karma: 747

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

admin

The administrator has disabled public write access.

#5044

Re:Please see why my css override not ending border 13 Years, 10 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

rowby

The administrator has disabled public write access.

#5045

Re:Please see why my css override not ending border 13 Years, 10 Months ago Karma: 747

Try to add the following CSS rule:

Code:



body #{$id}.yui-skin-sam .yuimenubaritem-selected

{

  background-position: 0 0;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12 3

Useful Links