Lay-out of text before the opt-in checkbox

  • Resolved mschuls

    (@mschuls)


    6 years, 8 months ago

    The lay-out of the text before the opt-in checkbox (in this case, “Ik wil graag tips en updates van TipTop Sport ontvangen”) does not suit the lay-out of the text on the rest of the page. It is too small. Would it be possible to adjust the lay-out?

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author ryanhungate

    (@ryanhungate)

    @mschuls thanks for reaching out. The newsletter checkbox HTML is wrapped in a p tag with the class mailchimp-newsletter and can be styled through CSS or even accessed through JavaScript to make that alteration.

    Can you explain what it is that you’re trying to do specifically?

    Thread Starter mschuls

    (@mschuls)

    @ryanhungate thanks for your reply. I would like to change the font to the same font as the sentences below. Could you explain how I should do that with CSS styling?

    Thread Starter mschuls

    (@mschuls)

    @ryanhungate I have tried this code using the Extra CSS option in the wordpress customizer, but nothing happens. Could you tell me which code I should use?

    .mailchimp-newsletter {
    font-size: 15px;
}
    Plugin Author ryanhungate

    (@ryanhungate)

    @mschuls I don’t see this particular CSS being loaded into the main site at all. ( at least not visible ) Are you sure the CSS overrides are being applied?

    Also – you’ll probably want to target in on the label as well since it’s got some woo styling already.

    .mailchimp-newsletter label { ... css here ... }

    • This reply was modified 6 years, 7 months ago by ryanhungate.
    Thread Starter mschuls

    (@mschuls)

    @ryanhungate I have added it again, including the label-tag, but still no effect. Any other suggestions? My code is now:

    .mailchimp-newsletter label {
    font-size: 15px;
}
    Plugin Author ryanhungate

    (@ryanhungate)

    @mschuls looks like the woo style is being applied after your custom style – so the only way to fix that would be to add an !important to the css attributes you’re adding. I would just use the developer console to target in on your element – add the desired style to it on the fly – then copy that into your custom style.

    Styling is really outside the scope of our support because it’s a personal choice – but of course we’re more than happy to see if we could make this easier on folks in a future release.

    Thread Starter mschuls

    (@mschuls)

    Yes, the !important tag did the trick

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Lay-out of text before the opt-in checkbox’ is closed to new replies.