ARI Soft - Styling menu - 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

Styling menu

(1 viewing) (1) Guest

Page: 1

TOPIC: Styling menu

Forum Tools

#9897

Styling menu 13 Years, 3 Months ago

Karma: 0

Hello,

I am trying to convert a website to Joomla. I have never used Joomla before, but I like the permission/user management so I am trying to make it work.

I am hoping the ARI Ext Menu can replace what I was doing with the ddsmoothmenu.

Here is the original website: cottonwoodaz.gov
Here is what I have so far: cottonwood.cloudaccess.net/

I am pretty confident I can get everything else sorted out once I get the menu in place.

Why is the menu not acting as a drop down menu? Did I do something wrong?

Do I need to add custom styling first?

Please help me to get it to look how the old menu looked.

Thanks,
Brent

bkinney

The administrator has disabled public write access.

#9901

Re:Styling menu 13 Years, 3 Months ago Karma: 748

Hello,

It seems your index.php file of your site template doesn't contain the following code:

Code:



<jdoc:include type="head" />

Place this code after <head> tag.

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#9907

Re:Styling menu 13 Years, 3 Months ago

Karma: 0

Haha, silly mistake. I actually didn't even have the <head> tag. I did have the jdoc:include one, just not the opening head. That explains that part.

Now to get the styling the same as the old one is it best to modify the .css file or add custom css? Can I make it so the background color is 100% wide like in the current City website?

Thanks for the help. I kept looking at the modules and the include and positions.

bkinney

The administrator has disabled public write access.

#9908

Re:Styling menu 13 Years, 3 Months ago Karma: 748

If you don't want to upgrade the module to new versions, you can modify original module CSS file, in other case using of custom CSS is useful because the module restores original CSS file during upgrade.

You can define background color of menu container with help of the next CSS rule:

Code:



.ux-menu-container

{

 background-color: red;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#9910

Re:Styling menu 13 Years, 3 Months ago Karma: 0

That worked well.

A couple more things. First, the active page styling

I have tried this css but it didn't work:

Code:

.ux-menu-container ul li a:active{

background: #21423D; 

color: white;

}

Then the only other thing I can see is changing the arrow image for down and right. Can I do that through the custom css?

Thanks for the help. This is awesome support for this module.

bkinney

Last Edit: 2011/01/10 17:13 By bkinney.

The administrator has disabled public write access.

#9911

Re:Styling menu 13 Years, 3 Months ago Karma: 748

Try the following CSS rules:

Code:



.ux-menu-container ul li a:active, 

.ux-menu-container ul li a:hover,

.ux-menu-container ul li a.ux-menu-link-hover,

.ux-menu-container ul li a.current

{

 background: none #21423D; 

 color: white;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 1

Useful Links