CSS Changes aren’t working with Modular Custom CSS plugin?

  • Resolved 4harmony15

    (@4harmony15)


    9 years, 8 months ago

    I’m using the Give Plugin with the WordPress Twenty Twelve them. I’ve read all of the documentation about changing the style of a Give form, so I installed the Modular Custom CSS plugin.

    I put in the recommended code into the Appearance > Customize “theme agnostic” styles. Here is the code I put in: div#give-form-952 {background: #7af}

    The web page with the form is: http://www.livingwithharmony.org/2016-fundraiser/

    I want to make the background of the form a blue color. Can you tell me what I’m doing wrong?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    9 years, 8 months ago

    Hi there, you’ll want to do it like this instead:

    `
    form#give-form-952 {background: #7af;}
    `

    Let me know how that goes. Thanks!

    Thread Starter 4harmony15

    (@4harmony15)

    9 years, 7 months ago

    That worked! Thanks for your help.

    Also, for beginners it would be really good to have some more helpful tips on how to style a Give form on a page.

    Thanks!

    Plugin Contributor Devin Walker

    (@dlocc)

    9 years, 7 months ago

    For sure! We’re working on creating more docs and also some easy non-css ways to customize the look and feel of the donation form.

    Also, your form would look a little nicer with some padding. Try adding:

    form#give-form-952 {
    background: #7af;
    padding: 20px;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Changes aren’t working with Modular Custom CSS plugin?’ is closed to new replies.