X-Cart forums

[jdkerr]

Doing some work to a site based on the neon_lights template collection.

I have run into a CSS challenge, that I am not sure how to handle.

The template has a menu bar on the top right of the screen with links. Normally, the template has the links set to a white color as the background was dark. I now need to darken (black) the links as we are using a light background.

The area in the altskin.css file is around line 921, where the links are defined as:
.menu-dialog .content a.search2:link,
.menu-dialog .content a.search2:visited,
.menu-dialog .content a.search2:hover,
.menu-dialog .content a.search2:active


From there, I wanted to set the link/visited/hover and active attributes to a dark color, so I tried:

.menu-dialog .content a.search2:link{color: #000000; font-weight: bold; },
.menu-dialog .content a.search2:visited{color: #000000; font-weight: bold; },
.menu-dialog .content a.search2:hover{color: #000000; font-weight: bold; },
.menu-dialog .content a.search2:active{color: #000000; font-weight: bold; }

Unfortunately, this is invalid sytax.

My question is.. Is there a simple fix to my syntax I have tried, or must I search out elsewhere in the CSS for the area that sets the colors? If this is the case, what should I be looking for?

I would prefer just to set the colors for this area as the generic setting may affect other sections as well.

Thoughts???

Thanks very much..John

[gb2world]

.menu-dialog .content a.search2:link,
.menu-dialog .content a.search2:visited,
.menu-dialog .content a.search2:hover,
.menu-dialog .content a.search2:active {color: #000000; font-weight: bold; };