• Resolved ohliza

    (@ohliza)



    I’m trying to chase down all the grey text in this form to override the css with white and thinking surely there’s a global setting for this in UM forms? Or do I have to find every style for checkbox text, prompts, fields, etc?

    Using Neve, with default text set to white and already several additional css styles to try to make the grey into white.

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

Viewing 14 replies - 1 through 14 (of 14 total)
  • missveronica

    (@missveronicatv)

    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

    Plugin Support andrewshu

    (@andrewshu)

    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….

    Plugin Support andrewshu

    (@andrewshu)

    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;}
    Plugin Support andrewshu

    (@andrewshu)

    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 10 months, 3 weeks ago by ohliza.
    Plugin Support andrewshu

    (@andrewshu)

    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.

    Plugin Support andrewshu

    (@andrewshu)

    Hi @ohliza

    I see that checkboxes are white. Try to clear a browser cache.

    Or you mean checkboxes are grey on hover?

    Plugin Support andrewshu

    (@andrewshu)

    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.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Can’t get rid of grey font color on all areas of UM forms’ is closed to new replies.