How to edit MailChimp sign up box in footer

  • Hi,

    I am trying to change some settings of my mailchip sign up box in the footer of my site but something seems to be overriding them.

    I am trying to do the following:

    1)

    p.selectionShareable label {
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    font-family: montserrat;
    font-weight: normal;
    letter-spacing: 2px;
    }

    2) I also want to make the email entry box to be white with black writing with the following but the font doesn’t change colour:

    input.input-text {
    color: #000000;
    background-color: #ffffff;
    }

    3) And to make the yes please box the same size as the email entry box. I have done the following but cant change the size of the box:

    p.selectionShareable input {
    color: #000000;
    background-color: #ffffff;
    }

    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    Where are you placing your CSS rules? You should be using the Additional CSS panel of the customizer. Rules added here generally override CSS rules in external files. On occasion you may need to add !important modifiers, but this should be avoided if at all possible. Sometimes using a more specific selector will give your rule precedence. For example, selection by ID instead of class.

    Thread Starter marieteather

    (@marieteather)

    Hi there,

    In the customise section of my theme I have two options: Custom CSS and Additional CSS.

    I have been adding my changes to Custom CSS and this has always worked.

    That said, I tried the code above in Additional CSS and it still didn’t work.

    Is there anything I can I try?

    Thanks

    Marie

    Moderator bcworkz

    (@bcworkz)

    Both sections likely do the same thing with entered rules, so it wouldn’t matter much which you used, as long as there are not conflicting rules between the two.

    Can you provide a functional link to a page with the sign up form in the footer? We use our browser’s CSS Inspector tool to work out applicable CSS. The one condition where rules determined this way do not work is for iframe content.

    By any chance, is this sign up form inside an iframe showing content from mailchimp.com? It’s not possible to apply local CSS within iframes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to edit MailChimp sign up box in footer’ is closed to new replies.