How to change the color of the close button

  • Resolved Sayan Saha

    (@sayan99)


    2 years ago

    We’re using your plugin to create a header notification bar on our website. Everything works well so far so good.

    I’m wondering how could I change the color of the close or cross “X” button in the header notification bar.

    The color of the cross icon or “X” is white as of now.

    Can you tell me how to change the color to “Black”

    Thanks.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Bruce

    (@ninjateamwp)

    Hi @sayan99 ,

    Thanks for coming today!

    Please add this CSS:

    .njt-nofi-notification-bar .njt-nofi-hide .njt-nofi-close-icon {
    background: #de0a0a !important;
    }

    Kind regards,
    Bruce

    Thread Starter Sayan Saha

    (@sayan99)

    Hello Bruce.

    Your CSS is wrong. It changes the color of the circle which is behind the “X” icon.

    See this screenshot – https://snipboard.io/eJLVEI.jpg

    I want to change the color the white cross “X” icon.

    Send me a css code for the change.

    Plugin Support Bruce

    (@ninjateamwp)

    Hi @sayan99 ,

    Sorry, please use this:

    svg.njt-nofi-close-icon path {
    fill: red !important;
    }

    Hope that helps.

    Kind regards,
    Bruce

    Thread Starter Sayan Saha

    (@sayan99)

    Thank you bruce.

    This CSS has worked.

    It’s now solved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change the color of the close button’ is closed to new replies.