ARI Soft - CSS question - ARI Soft Forum

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 Ext Menu

CSS question

(1 viewing) (1) Guest

Page: 123

TOPIC: CSS question

Forum Tools

#19338

Re:CSS question 12 Years, 10 Months ago	Karma: 0
Oke, this is what I have done. When you are going to www.fightkings.nl you wil see the default. When you klik on "boksen" in the new window you wil see the Ext Menu. I hope that this is what you means. If not please let me know.

mzelst

The administrator has disabled public write access.

#19343

Re:CSS question 12 Years, 10 Months ago Karma: 748

Add the next CSS rules to "CSS Styles" parameter in module settings:

Code:



.module-nav .ux-menu a {

    background: none repeat scroll 0 0 transparent;

    border-style: none !important;

    color: #FFF;

    font-weight: bold !important;

    font: 12px/16px Arial,Helvetica,sans-serif;

    font-weight: bold !important;

    text-transform: uppercase !important;

}



.module-nav .ux-menu .ux-menu-sub a {

   background: transparent url(/templates/theme410/images/top_menu_button.gif);

}



.module-nav .ux-menu LI a.current,

.module-nav .ux-menu LI a:hover

{

  background: transparent url(/templates/theme410/images/top_menu_button1.gif);

}



body .row-top-menu

{

 overflow: visible;

 height: 36px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#19344

Re:CSS question 12 Years, 10 Months ago	Karma: 0
Oh wow thnx! I have but it on the site. But if you look at the button "boksen" you will see dat the Home button is not the same as the rest. Can you help me with that?

mzelst

The administrator has disabled public write access.

#19345

Re:CSS question 12 Years, 10 Months ago Karma: 748

You have copied provided CSS rules incorrectly. Remove

Code:

and

tags.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#19346

Re:CSS question 12 Years, 10 Months ago	Karma: 0
Oeps my bad sorry. Adjust it and it is almust what I want. If you take al look at the home button you will see. That the buttons are widther and there is a line that sapperat the buttons (between home and boksen). Is it possible to adjust this?

mzelst

The administrator has disabled public write access.

#19347

Re:CSS question 12 Years, 10 Months ago Karma: 748

1. Add the next CSS rule:

Code:



.module-nav .ux-menu a 

{

 padding: 10px 23px;

}

2. Information about menu HTML layout and CSS classed can be found here. You can use it to create custom CSS rules to customize menu design.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 123

Useful Links