Thread Starter
ohliza
(@ohliza)
Yes I have, and have long had that code as additional css on the site (which again, why is this not a universal setting?)
In any case it is not helpful for *text* and *checkbox* text colors which are still grey.
Thread Starter
ohliza
(@ohliza)
It appears the grey text is coming from UM’s stylesheet which it has marked as important so I can’t override it using additional css, I have to make a child plugin? Why would UM do that?
https://pangaeaproductions360.com/wp-content/plugins/ultimate-member/assets/css/um-styles.css?ver=2.5.3
Hello @ohliza
Did you try to add CSS with !important for overriding styles?
Thank you.
Thread Starter
ohliza
(@ohliza)
Yes I did, but the styles I’m trying to override ALSO have !important for some reason that still makes no sense to me….
Hi @ohliza
You could add a parent element for higher priority. Could you send me your CSS? I will see.
Thank you.
Thread Starter
ohliza
(@ohliza)
OK. So I really have to do all this just to change the color of the UM form’s tect, wven though there is a customizer option that doesn’t include all the form elements? I feel like this is a bug.
Additional css
.um input[type="submit"].um-button, .um input[type="submit"].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
background: #333;}
.um-meta {
background-color: #ffffff;
color: #000000;
}
.um-field-label {color: #ffffff !important;}
label.um-field-checkbox-option {color: #ffffff !important;}
Hi,
You could always add a body tag in the begin of CSS. For example:
body .um-field-label {color: #ffffff !important;}
body label.um-field-checkbox-option {color: #ffffff !important;}
Please try this.
Thank you.
Thread Starter
ohliza
(@ohliza)
Tried it but nope – https://pangaeaproductions360.com/pangaea-team-application/
Paragraph up top and checkbox options are still grey. Both are getting the grey from um-styles.css?ver=2.5.3 which of course I could edit but then it will get overwritten in the next update.
WHY would anyone design like this???
-
This reply was modified 2 years, 3 months ago by
ohliza.
Hi @ohliza
um-field-checkbox-option is span, not label.
body .um-field-checkbox-option {
color: #fff !important;
}
Also, I see this wrong CSS on your site:
.um-field-block {
color: #fff; !important
font-size: 17px;
}
It should be:
.um-field-block {
color: #fff !important;
font-size: 17px;
}
Also, i see one grey text – CSS for it:
.um-row-heading {
color: #fff;
}
I don’t see any other gray texts. Please try this fixed styles.
Thank you.
Thread Starter
ohliza
(@ohliza)
Fixed the error, thank you. However, checkbox options are still grey.
Hi @ohliza
I see that checkboxes are white. Try to clear a browser cache.
Or you mean checkboxes are grey on hover?
Hi @ohliza
This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.
Please feel free to re-open this thread if any other questions come up and we’d be happy to help. 🙂
Regards
Thread Starter
ohliza
(@ohliza)
it’s resolved in that i am capable of editing css – though clearly i need help sometimes – but it’s not resolved in that it’s ridiculous that i have to do so to make such basic changes.
