Change background color for Private Notes entered manually

  • Resolved Bezerra

    (@juniorjlk)


    2 years, 10 months ago

    Hi, I would like to change the background color of private notes, but only for notes that were entered manually. On the ordering page.

    I didn’t find any css style generated specifically for the manually entered private notes.

    Do you have any custom code that allows you to add a specific CSS selector to “manually entered” private notes?

    Or another way to get around this problem?

Viewing 8 replies - 1 through 8 (of 8 total)

  • @juniorjlk

    Could you share screenshots to show this via https://snipboard.io?

    Thread Starter Bezerra

    (@juniorjlk)

    https://snipboard.io/O2PVyi.jpg

    Thread Starter Bezerra

    (@juniorjlk)

    https://snipboard.io/o6m1Xe.jpg

    There is no specific “class” for the manually entered grade.

    Is there any way that allows adding a specific class to “manually entered” private notes?

    Hi @juniorjlk!

    If I understood you correctly, you want to add some CSS to your admin page, isn’t it?

    If so, you can try to search for a plugin that hooks inside the admin area to add some CSS to them, and then you can add something like this:

    ul.order_notes li .note_content {
    background: #f44336;
}

    My very best!

    Thread Starter Bezerra

    (@juniorjlk)

    No. I know how to add CSS to my admin page.

    What I want is to add a class in the html that differentiates manually entered notes from system entered notes. So that I can change the background of MANUALLY SUBSCRIBED NOTES only

    Thread Starter Bezerra

    (@juniorjlk)

    This example demonstrates exactly how I intend it to be

    https://snipboard.io/prnKIq.jpg

    Hi @juniorjlk !

    Thanks for the clarification. I understand you want to add a custom class to the private notes to differentiate them from the Order status notes.

    Achieving this requires custom coding, which goes beyond the scope of support we are able to provide in this forum.

    Therefore, I’m leaving this thread open for a bit to see if anyone can chime in to help you out.

    For additional assistance on this topic, we recommend getting in touch with one of the customization experts listed on the WooCommerce Customizations Page.

    Also, you can visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack, you could find help from the community of open-source developers for WooCommerce that hangs in there.

    My best wishes!

    Thread Starter Bezerra

    (@juniorjlk)

    Thank you @judagutor

    I managed to do this using jQuery

    I defined a word in jQuery (:contains) for the CSS code to be assigned to the html.
    However, I am required to type that same word (“Note”) every time I create a note.

    This should work for now`

    (function ($) {
$(document).ready(function(){
$(".note .note_content:contains(Nota)").css("background-color", "rgb(0 255 191)");
});
	
})(jQuery);

    https://snipboard.io/xdumqn.jpg

    • This reply was modified 2 years, 10 months ago by Bezerra.
    • This reply was modified 2 years, 10 months ago by Bezerra.
    • This reply was modified 2 years, 10 months ago by Bezerra.
    • This reply was modified 2 years, 10 months ago by Bezerra.
    • This reply was modified 2 years, 10 months ago by Bezerra.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change background color for Private Notes entered manually’ is closed to new replies.