Will you please STOP adding CSS that overrides our custom design?

  • Resolved Nela

    (@nelchee)


    2 years, 3 months ago

    Every time I update this plugin I hold my breath because I learned to expect that some new CSS will break my design.
    It happened again with one of the recent versions.
    My “previous” and “next” buttons look completely different because there are definitions in common.css that are overriding my own theme CSS. It clashes with my theme design and looks horrible.

    color: #666 !important;
background: #ccc !important;
border: 1px solid #ccc !important;
font-family: inherit;
font-size: 16px !important;
padding: 10px 20px !important;
text-decoration: none !important;

    I’m a designer so I know how to fix it, but I shouldn’t have to be fixing this repeatedly, or postponing plugin updates because they could mess up my quiz design.

    And why are you even using !important? Who are you to decide what the color and border of a button on my website should look like?
    This is absolutely ridiculous.

    • This topic was modified 2 years, 3 months ago by Nela. Reason: added a few more problematic lines of code
Viewing 4 replies - 1 through 4 (of 4 total)

  • I have the same problem. yes with almost every update!
    My buttons suddenly have these colors too

    color: #666 !important;
    background: #ccc !important;

    My custom colors no longer work. How can I fix this?

    Thread Starter Nela

    (@nelchee)

    inchannel, here’s the code that worked for me:

    .page .qmn_btn, .page .qmn_quiz_container .qmn_btn, .page .qmn_quiz_container .btn {
    color: #fff !important;
    background: #c51f43 !important;
    border: none !important;
}

    Replace your own custom colors and add any other styles you want to override.
    Paste it either into your theme CSS file, or in the “Additional CSS” setting of the customizer.

    Hi Nela,
    thank you for your help. I added it to the Custom Style CSS but the color of the button still doesn’t change. These colors will continue to be displayed.

    color: #666
    background: #ccc

    Hi @nelchee

    We will fix this issue in upcoming versions.

    Regards,
    Sumit

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Will you please STOP adding CSS that overrides our custom design?’ is closed to new replies.