change default button color dark suffix

Hello,

Here me again with a small point of attention.



i Would like the button in a module with the dark suffix to have this #ff7e57 color as default. (because the default color of #000 is not visible right?)

So i tried this in (templates/gk_storebox/css/template.css):

.box.dark button:hover,
.box.dark .button:hover,
.box.dark input.button:hover,
.box.dark span.button:hover,
.box.dark button.button:hover,
.box.dark div.button:hover,
.box.dark input[type="submit"]:hover,
.box.dark input[type="button"]:hover,
.box.dark .pagenav-prev a:hover,
.box.dark .pagenav-next a:hover,
.box.dark .readon:hover,
.box.dark #gkMainbody .itemReadMore:active,
.box.dark #gkMainbody .itemReadMore:focus,
.box.dark #gkMainbody .itemReadMore:hover,
.box.dark #gkMainbody .readmore > a:active,
.box.dark #gkMainbody .readmore > a:focus,
.box.dark .button, {
background: #ff7e57!important;
}

However, think iam doing something wrong. Someone can help me out with this?

Thanks in advance,

M

Could You please post an url to your site?

http://fighttobefit.nl/ (open for view for 10 mins)

Please edit: /templates/gk_storebox/css/override.css and add at its end:

Code: Select all

button, .button {
background: #F00;
}


Remember to enable "CSS override" in template settings - advanced section.

But that changes all the buttons right? I only need the buttons to change at the dark suffix.

added .dark.box before. Now its working, thx

I was 100% sure, I have already written back with corrected css.
Adding .dark.box was exactly what You needed to do.