Okay
  Public Ticket #2384920
Button text color
Closed

Comments

  • Sarah Berry started the conversation
    May 1, 2020 at 1:22pm

    Hello! I'm having difficulty getting the color of the text on a button right. I would like it to be green, but white when a user hovers over it. Attached is a screenshot of the button as it is now, as well as a screenshot of the CSS.

  •  3,021
    Andrew replied
    May 1, 2020 at 2:50pm

    Hi Sarah,

    Use the following custom css:

    a.nectar-button.large.regular.extra-color-2.regular-button.learn-more-button {
    background: green !important;
}
a.nectar-button.large.regular.extra-color-2.regular-button.learn-more-button:hover {
    background: white !important;
}

    Hope this helps.

  • Sarah Berry replied
    May 1, 2020 at 2:55pm

    Hi Andrew, thanks for the quick response! I tried that but unfortunately am still having the same problem. CSS screenshot attached.

  •  3,021
    Andrew replied
    May 1, 2020 at 3:21pm

    Hi Sarah,

    It seems to have change the button green on my end. Check in browser incognito or clear cache.

    3157869498.png


    Thanks.

  • Sarah Berry replied
    May 1, 2020 at 3:38pm

    Hi Andrew--I'd like it to have the custom background I've built as well. I've attached an image of what the button looks like normally, and then when hovered over. I would like the normal text to be green to match the outline, just as the text matches the white outline for the hover version.

  •  3,021
    Andrew replied
    May 1, 2020 at 4:06pm

    Hi Sarah,

    The following will do the trick:

    .nectar-button.learn-more-button {
    color: #6ec8ba;
}

    Thanks.

  • Sarah Berry replied
    May 1, 2020 at 10:48pm

    Thank you, that solved it! Cheers