Styling/CSS Issue

  • Resolved amityweb

    (@amityweb)


    6 years, 6 months ago

    I choose a voucher background colour, but it seems the plugin then uses this for other background colours on the front end like buttons and the template radio selection.

    I thought I would override it in my style.css, BUT the plugin outputs this CSS inline AND adds !important to it.

    Custom CSS in the plugin seems to do nothing.

    So basically there is no way to override the front end button colours. I dont want them the same as my voucher background.

    Thanks

    • This topic was modified 6 years, 6 months ago by amityweb.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter amityweb

    (@amityweb)

    6 years, 6 months ago

    Its OK, the custom CSS is actually working now, I have WO Rocket messing with it. So I can override CSS using that. Although ideally it should not be output inline, and not using !important.

    Plugin Author Codemenschen

    (@codemenschen)

    6 years, 6 months ago

    Hello @amityweb,

    Thanks for your suggestion. We will note this and try to do this in our next updates.

    It’s good to hear that your problem has been solved. If there is anything else please let me know. We will happy to help you.

    [ Signature deleted ]

    • This reply was modified 6 years, 5 months ago by Jan Dembowski.
    tatu89

    (@tatu89)

    6 years, 6 months ago

    @amityweb
    Hi! I’m suffering from the same problem, could you share your css code?

    Thanks!
    -Tatu

    Thread Starter amityweb

    (@amityweb)

    6 years, 6 months ago

    Just use the plugins own custom CSS – its an absolute real pain when themes and plugins have a place to add CSS instead of allowing it in the main css files (so your styling is spread all over the place!), but thats the only way I could do it until they improve it.

    tatu89

    (@tatu89)

    6 years, 6 months ago

    @amityweb @codemenschen
    Thanks guys!

    I figured the code out, i wanted to use white background on the gift card but some information got invisible. Here’s the code i used at the plugins custom CSS if anyone else needs.

    a {
  color: black !important;
}
label {
color: black !important;
}
legend {
color: black !important;
}
button {
color: black !important;
}
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Styling/CSS Issue’ is closed to new replies.