Floating labels lost CSS on update

  • Resolved metallikat36

    (@metallikat36)


    6 years, 10 months ago

    I updated Give today. Firstly, the update did not contain an description of the changes. Secondly, I notice the color I applied to my floating labels has reverted back to the default light blue color. It should be magenta.

    Recently, I had a related support thread where the Floating labels completely disappeared:
    https://www.ads-software.com/support/topic/floating-labels-not-working/page/2/
    That got fixed, and I then was able to use the following CSS to style my labels:

    [id*=”give-form”] label.give-label.fl-label {
    color: #af0069 !important;
    }

    That code is still present, but no longer applies the color.

    Thanks.

    • This topic was modified 6 years, 10 months ago by metallikat36.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Matt Cromwell

    (@webdevmattcrom)

    HI there,

    We have a full changelog in every release. You can see it here:
    https://www.ads-software.com/plugins/give/#developers

    Where were you expecting to see it and didn’t find it exactly?

    WHen I visit that page, I see the floating labels working as intended, see here:

    Is this resolved? Let me know, thanks!

    Thread Starter metallikat36

    (@metallikat36)

    The issue is that the color is not applying to the floating label. It should be magenta (#af0069).

    I only have 2 forms. One is in the sidebar, and the other is the donation page you already found. The following code used to work:

    [id*=”470″] label.give-label.fl-label {
    color: #af0069 !important;
    }

    [id*=”283″] label.give-label.fl-label {
    color: #af0069 !important;
    }

    I rolled back and found that the bug seems to have been introduced with 2.0.0. Prior to that version, the labels were correctly displaying as magenta.

    Plugin Author Devin Walker

    (@dlocc)

    The .fl-label class is now prefixed with .give-fl-label. Please update your code to be:


    [id*=”470″] label.give-label.give-fl-label {
    color: #af0069 !important;
    }

    [id*=”283″] label.give-label.give-fl-label {
    color: #af0069 !important;
    }

    That should fix it up for you.

    Thread Starter metallikat36

    (@metallikat36)

    No such luck. Label is still blue. I verified it’s not a caching issue also.

    Thread Starter metallikat36

    (@metallikat36)

    Oh wait, it works now. Copying and pasting the quotation marks was the issue.

    Plugin Author Matt Cromwell

    (@webdevmattcrom)

    Glad to hear! Thanks for the confirmation.

    If you’re enjoying Give and appreciate our support, we’d love a kind review from you here:
    https://www.ads-software.com/support/plugin/give/reviews/

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Floating labels lost CSS on update’ is closed to new replies.