X-Cart forums

[buyfroma]

I'm trying to modify the main.css to change the link, visited, hover and active selectors for the search-sort-bar. By default they take the style of each of those selectors specified for the main site since not styles are specifically specified for the search-sort-bar.

Here is the default unmodified code:

a.search-sort-link:link,
a.search-sort-link:visited,
a.search-sort-link:hover,
a.search-sort-link:active

Here is the code modified by me:
a.search-sort-link:link {color: #ffffff},
a.search-sort-link:visited {color: #ffffff},
a.search-sort-link:hover {color: #000033},
a.search-sort-link:active {color: #ffffff}

It displays 100% correct in IE, but Firefox still inherits the site colors specified at the top of the main.css.

Any ideas on how to get Firefox to display it correctly or any errors in my code? Thanks in advance!

[buyfroma]

Figured it out. Not sure why, but had to specify text-decoration on each line too to get it to stick in Firefox.

for example:

a.search-sort-link:hover{
text-decoration: none;
color: #cccccc;
}

[retrtrtrytrutru]

Originally Posted by buyfroma

Not sure why

In the first example you posted, the color codes were not closed by ";". This makes the CSS statement invalid. If you had done it like so, for example:

a.search-sort-link:link, a.search-sort-link:visited, a.search-sort-link:active
{
    color: #FFF;
text-decoration: underline;
}
a.search-sort-link:hover
{
    color: #000033;
}

it would probably have worked. In your second example you have correctly closed the statement (every CSS statement has to be closed by ";").