Ask your WordPress questions! Pay money and get answers fast! (more info)

Menubar CSS help WordPress

  • SOLVED

URL of project shown in image attachment

We require for the "Choose Location" Menu the following CSS

When London selected:

London:
colour: #405968
background: #FFF

Paris:
color: #FFF;
background: none

Paris rollover:
colour: #405968
background: #FFF



When Paris selected:

London:
color: #FFF;
background: none

Paris:
colour: #405968
background: #FFF

London rollover:
colour: #405968
background: #FFF


The plugin we are using is called Menubar.
The CCS is ssf-country.css

The problem we are having is changing the a:visited which clashes with the Theme style.css

Hope this is clear.


Many Thanks

Answers (3)

2012-11-06

Arnav Joy answers:

Hi ,

provide me access to see your site it.


jimspankling comments:

Hi Arnav,

I will email you now. Are you able to look at this now?

Thanks


Arnav Joy comments:

please check it now.

2012-11-06

Charles Klycinski answers:

Hey,

Try:

.ssf-country a:visited
{
color:
}

or just

#london-link:visited and #paris-link:visited

Also you can try to use !important statment to force it on seleted class or ID

2012-11-06

enodekciw answers:


ul.ssf-country li {background: transparent !important;}
ul.ssf-country li a, ul.ssf-country li a:visited {color: #fff !important;}
ul.ssf-country li:hover, ul.ssf-country li.selected {background: #fff !important;}
ul.ssf-country li:hover a, ul.ssf-country li.selected a, ul.ssf-country li.selected a:visited {color: #405968 !important;}


Try this piece of CSS. Haven't tested it, but it should work. (Added !important at the end of CSS rules, just to be sure, feel free to remove them, and try without it.)


Oh, now I see that someone fixed your website without providing any info in here.
Btw, that solution is incomplete. If you move your mouse from 'selected' london to paris - it will first make paris list item white color or white background, and only when you hover actual link, it will make link color change. My solution fixes that. Just for you to know :)