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)
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.
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
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 :)