Button Styling

  • Resolved burgoyne

    (@burgoyne)


    5 years, 4 months ago

    I am using Give on a page on my site, and the “donate” button is not styled correctly (like the other buttons on my site).

    I have narrowed it down to the .give-btn css class. In dev tools, if I disable the background, border, color, and padding elements from the .give-btn class, the button is styled correctly.

    To fix this, I used the plugin editor, and removed the background, border, color, and padding from the give.css file, and the give.rtl.css file. I assumed this would fix my issue, but it seems to still have those properties attached.

    There must be another place where that class is given to the button. Can anyone point me in the right direction to edit the code, or another way to fix this?

    Any help is appreciated!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter burgoyne

    (@burgoyne)

    Just thought I would add that I fixed the button with some custom css. I am still working on solving the on hover styling, and the styling for the X button on the modal popup.

    Plugin Contributor Ben Meredith

    (@benmeredithgmailcom)

    Hi there,

    Thanks for following up.

    The best practice in overriding Give’s CSS is to add your own CSS, not to remove anything from Give itself.

    That way, when Give is updated to a new version (and it is updated often!) your changes won’t be overwritten.

    I’m happy to take a look, but from my brief scan of things it looks like you’ve resolved this yourself!

    We try our best to “stay in our lane” with Give’s CSS, and let the theme do the bulk of the work of styling. Every now and then, depending on the theme, it means we got a little too “out of the way.”

    If you need assistance implementing custom CSS on your WordPress website (it doesn’t sound like you do, but just in case), we have this guide for you:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    ??Let me know if that resolves things, or if you need further assistance. ?Thanks for using Give! Have a great day.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Button Styling’ is closed to new replies.