• Resolved Imran.Umer

    (@imranumer)


    Hi,
    I was using the following CSS to style the donor wall but after updating the plugin to new veersion, CSS is not working.

    .give-donor {
    background: green;
    color: black;
    font-size: 20px;
    border-left-color: red;
    border-bottom-color: red;
    line-height: 1.1;
    padding: 6px;
    }
    Can you please look into this? Thanks

    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,

    That class name is still exactly the same as previously. Where did you add that custom CSS previously? If you added it directly into the Give plugin, then that’s why it’s not there anymore. Rather than add custom CSS to the plugin, add that to the bottom of your theme’s styles.css file; or go to “Appearance > Customize > Custom CSS” and add it to the bottom of that setting.

    For more detailed info on adding custom CSS, see here: https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    Thread Starter Imran.Umer

    (@imranumer)

    I am using the Avada theme and added the CSS through Avada theme options. Now i have tried through Customizer but no success. As said earlier, CSS was working previously but stopped working after the update. Another thing to note is that this CSS is changing the font size, line height and padding but not the color, background and border color.

    Plugin Author Matt Cromwell

    (@webdevmattcrom)

    I’m seeing some custom styles being applied over autooptimize, which is a caching plugin:

    Try clearing your cache completely, even disabling it while testing.

    Thread Starter Imran.Umer

    (@imranumer)

    Cleared the cache and disabled the cache plugin but still the same result.

    Plugin Author Matt Cromwell

    (@webdevmattcrom)

    Try adding this into the Customizer:

    aside .give-donor.give-card {
        background: green;
        color: black;
        font-size: 20px;
        border-left-color: red;
        border-bottom-color: red;
        line-height: 1.1;
        padding: 6px;
    }
    Thread Starter Imran.Umer

    (@imranumer)

    Great, It’s working now. Thanks for the amazing support.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Donor Wall Style’ is closed to new replies.