css oops main menu

OK, I got sloppy and made some changes to the css without backing up first, can you tell me which rules I edited on my main menu to remove the background? segalmediaproductions.com/index.php

It won't happen again...

That's ten minutes on the naughty step for you.

Without knowing how it was before, and assuming that the buttons and hover states were the same as other areas of the page, I think that the rules might have been:

configurable.css (line 70)

.ps_main a, .ps_main a:link, .ps_main a:visited, .ps_main a:active {
    background-color: #807068;
    color: #FFFFFF;
}

configurable.css (line 74)

.ps_main a:hover {
    background-color: #CC1776;
}

If you wanted to remove the underline, each would need to have a text-decoration:none line.

I don't know if the whole navigation area had any background, but if it did it could have been in default.css at about line 39, or configurable.css (line 58) for just the button nav area.

Thanks so much for your help. Could you possibly help me figure out what I did to over-ride my active or current state?

Lisa

Hi Lisa,

That is difficult to guess at, it maybe that for some reason the order that the stylesheets were called in to the page changed.

At the moment, the stylesheets that could have affected your final navigation design are:

<link rel="stylesheet" type="text/css" href="webassist/plugins/main_menu/menu.css">

@import url("webassist/themes/segalmedia3/css/default_styles.css");
@import url("webassist/themes/segalmedia3/css/configurable.css");

But unless you have been changing the order of these (maybe adding/removing plugins) then I don't think that could have caused the change.

The first of those is just a very basic stylesheet for the menu that wouldn't affect the finer styling of the menu.

As the background colors for the a and hover states are defined in the last of these (configurable.css) then those will be the ones that are written to your page, even if you also set the background color styles in the 'default_styles.css'.

The default_styles.css is responsible for defining the basic shape (width, position, padding margin, moz-radius) of the links, the configurable.css coming after it defines the finer tuning, colors.

That's the long and useless answer,

The short and accurate answer is that I haven't a clue. If you wanted to experiment with colors some more, then it would be in the configurable.css stylesheet.

Basically, I want my current or active state (page you are on to be a different background color). I did go into all three css files

<link rel="stylesheet" type="text/css" href="webassist/plugins/main_menu/menu.css">

@import url("webassist/themes/segalmedia3/css/default_styles.css");
@import url("webassist/themes/segalmedia3/css/configurable.css");

Unfortunately, my hasty fingers moved faster than my common sense and now I don't know what I did and in what order. Any thoughts as to how to get back my current/active page?

Lisa
P.S. Nice web sites by the way.

Thanks Lisa,

I'm not so sure about this one; for there to be a current state, I would expect to see a rule for it in your menu.css stylesheet. Whether it is set or not depends on the javascript block that appears immediately below the menu on your page.

You could try adding:

#cssmw li.current a, #cssmw li.current a:link, #cssmw li.current a:visited, #cssmw li.current a:active {
    background-color:#CC1776;
    color: #FFFFFF;
}

to the end of your webassist/plugins/main_menu/menu.css file. The javascript bit on your page looks set to accomodate the current state already, so I don't think it needs to be changed.

This post has been deleted.