CSS changes not taking effect

  • Hi,

    I’m trying to change the colors of some text elements in the registration form. More specifically I want to change the confirmation text next to the privacy policy checkbox. However, even though I seemed to have found the right css selector (by inspecting the page) the changes won’t take effect. I’ve tried to put the code inside the elementor module itself and also in the general wordpress css editor.

    I’ve tried with:

    .um-field-checkbox-option, .um-field-radio-option {
    margin: 0px 0px 0px 36px;
    line-height: 24px;
    color: #fff !important;
    display: block;
    }

    I’ll attach a link to a screenshot so you can see. I guess, there is some higher class css code that prevents the text from changing color to white? How do I get the changes to be applied? Btw you can’t right click on the page, you need to press ctrl+shift+c in order to inspect it.

    https://prnt.sc/11c1ibs

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Champ Camba

    (@champsupertramp)

    Hi @rbamm

    Could you please try adding this to your theme’s style.css or CSS customizer?

    span.um-field-checkbox-option {
    color: #fff !important;
}

    Ensure that you clear your browser cache after adding the CSS code to reflect the changes when you test it.

    Regards,

    Thread Starter Robert Bamm

    (@rbamm)

    Thank you very much, it worked! Strangely enough I had already used that exact code, but then it didn’t work. Maybe it was because I hadn’t emptied the cache, but then again other codes did take effect directly even though I hadn’t emptied it. I also put the code a bit higher up among the other codes. I don’t know if the order of the codes matter, but anyways, it seems to work now, so thanks!

    Plugin Contributor Champ Camba

    (@champsupertramp)

    Hi @rbamm

    Thanks for letting us know. I am closing this thread now.

    Regards,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS changes not taking effect’ is closed to new replies.