Button & button text colour identical

Hi, I have a problem with my button text. In the template demo it's white, but in my installed site, the button colour is the same as the button text, which makes it impossible to read. Using the layout toggle at the bottom I've tried the three standard layouts, and they all have the same problem, although with different colours. I've done some overrides, so I might have broken it myself, but I can't figure out where the problem is. Can you please help? Here you can see an example in the left and right column of the price table: http://www.byimke.nl/index.php/leden Thanks!

Try adding following to css/override.css file and enable css override from template settings > advanced settings > css override "on".

Code: Select all

.gkPrice dd a { background:#4C90FE; color:#fff;}
.gkPrice dd a:hover { background:#FEC54D; color:#000;}
.gkPremium dd a { background:#FEC54D; color:#fff;}
.gkPremium dd a:hover { background:#fff; color:#000;}


For future reference you should add all your css changes to this file so when you do update your changes are in single file rather then hunting in other css files.

See you around...

Hi Norman,

I did as you said, but it didn't have any effect. All my changes to the template are in fact in the override .css, so I checked if there were any previous lines that might have effects on the setting, but there aren't as far as I can tell. I hope you have another suggestion.

Thanks,
Imke

Try following please.

Code: Select all

.gkPriceTable dd a {background: #4C90FE!important; color: #ffffff!important;}
.gkPriceTable dd a:hover {background: #FEC54D!important;}

.gkPremium dd a { background: #FEC54D!important; color: #ffffff!important; }
.gkPremium dd a:hover { background: #fff!important; color: #777777!important; }



See you around...

That works perfectly. Thanks, Norman!

No problem at all, see you around...