How I change the color of the button

  • Resolved duntellme

    (@duntellme)


    4 years, 10 months ago

    Hello,
    I’ve how do I change the color of the button?

    I tried this in css but it didn’t seem to work.

    .easy-notification-bar-button{
    color: 77BF43;
    padding: 0.0em 0;
    }

    Seems like there’s a shadow/color on the button. How do I remove that?

Viewing 1 replies (of 1 total)
  • Plugin Author wpexplorer

    (@wpexplorer)

    Hi,

    I hope you had a nice weekend.

    The button should have a white color by default unless your theme has some very strict CSS changing that.

    You can alter it with CSS, however you need to target the a element. The easy-notification-bar-button class is a wrapper that has links inside it (this is so if you modify things to add 2 buttons for example they will both have the same styling). The correct way to target the button is like this:

    .easy-notification-bar-button a,
.easy-notification-bar-button a:hover,
.easy-notification-bar-button a:visited,
.easy-notification-bar-button a:focus {
  color: #77BF43 !important;
}

    As you can see the plugin targets the hover, visited and focus states. This is how it prevents conflicts with your theme’s CSS.

    Now, there shouldn’t be any color or shadow on the button unless your theme is adding one with some very targeted code. You’ll need to share the link to your site so I can see where that’s coming from to provide added help.

    – AJ

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

Tags