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?

use my own CSS?
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: use my own CSS?
#28739
use my own CSS? 12 Years, 1 Month ago Karma: 0
Hi, this is probably a really basic question, but I'm going to ask it anyway at the risk of looking stupid

I just downloaded ARI Ext Menu for my site (privateerdays.ca). I got it to work (I've since disabled it, for now, and re-enabled the normal Main Menu module), but my question regards how it looks.

When I enabled it, the main menu looked different than how my own CSS file makes the main menu look. How do I make my own CSS file take over the styling of the ARI menu?

If it helps any, this is what my current CSS looks like for my main menu, in my CSS file:

Code:

/* -------------------    MAIN MENU PROPERTIES   ------------------ */

.moduletable_menu a
{
outline: none;
font: 1.6em 'IM Fell English', sans-serif;
letter-spacing: 0.0px;
line-height: 32px;
color: white;
padding: 0px 12px 0px 12px;
vertical-align:top;
text-shadow: 2px 2px 1px #0F0F0F;

}

.moduletable_menu a:hover
{
color: #FDD017;
text-decoration: underline;
text-shadow: 2px 2px 1px #0F0F0F;
}

.moduletable_menu a:active
{
color: yellow;
text-shadow: none;
}



Thanks!
Dave
Last Edit: 2012/05/30 15:23 By canadave.
The administrator has disabled public write access.
 
#28742
Re:use my own CSS? 12 Years, 1 Month ago Karma: 748
Hello,

It is normal that "ARI Ext Menu" doesn't look like your main menu because each menu module use own HTML layout and styles. For "ARI Ext Menu" menu items color, background and other parameters can be configured in module settings. If you want to change menu design, this post should be helpful. It contains description of menu HTML layout and CSS classes.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#28743
Re:use my own CSS? 12 Years, 1 Month ago Karma: 0
Hmmmm....okay, thanks.

So if I want to make the background of the main menu transparent, then, like in my own menu, where do I do that?
The administrator has disabled public write access.
 
#28744
Re:use my own CSS? 12 Years, 1 Month ago Karma: 748
Could you provide a link to a page where we can see "ARI Ext Menu" on your site?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#28745
Re:use my own CSS? 12 Years, 1 Month ago Karma: 0
I can't, unfortunately. I don't have a development site set up yet, just a live site, and I don't want to leave the ARI menu enabled on it for any length of time (I just did a little quick testing that took no more than 30 seconds or so each time).

The site I'm working with is www.privateerdays.ca. If you visit the site, you can see what the regular main menu looks like now. I just want to set up the ARI menu so that it looks the same as that.
The administrator has disabled public write access.
 
#28749
Re:use my own CSS? 12 Years, 1 Month ago Karma: 748
Try to use the next CSS rules:

Code:


UL.ux-menu LI.ux-menu-item-level-0,
UL.ux-menu LI A.ux-menu-link-level-0
{
 background: transparent none !important;
 border-style: none !important;
}



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