Custom CSS not working

  • Hi,

    thanks for the great PlugIn and the documentation.

    It sounds very simple and straightforward what I want to achieve, and it is described here: https://docs.mailpoet.com/article/70-design-style-subscription-form-widget-shortcode

    But my styling for Mailpoet’s Messages is not accepted. I placed in style.css of my child theme, and the code there is generally recognized by the theme/browsers.

    On your site you write to use
    .formErrorContent { <em>...your styles...</em> !important }

    The <em> is wrong, I think, so I used:
    .formErrorContent { background: aqua !important; }

    But it has no effect (I can’t see it when I inspect the element as well).

    Any hint where my mistake lies is appreciated!
    (You can have a look here: https://www.nutzerbrille.de/newsletter/)

Viewing 4 replies - 1 through 4 (of 4 total)

  • I don’t see the !important being used for the background color, it’s just background: none repeat scroll 0 0 #8E2121;, so when I tried the following code it worked fine.

    .formErrorContent {
    background: aqua !important;
}
    Thread Starter benutzerfreund

    (@benutzerfreund)

    Thank you for your answer. This is exactly what I have in my css. I copied it from your answer just to make sure, but to no avail.

    So I must have made another (maybe stupid?) mistake. Where exactly did you put the code in?

    Thanks in advance!

    At the bottom of your stylesheet, but if you’re making code changes to any theme then it should be done via the use of a Child Theme, or using a Custom CSS plugin.

    Try this:

    .formError .formErrorContent {
    background: #00f !important;
}

    I don’t see your custom code from earlier either, so I don’t know if it’s being overidden.

    Hope this helps.

    Thread Starter benutzerfreund

    (@benutzerfreund)

    Of course I use a Chile Theme, and my other styling in its style.css works just fine. So I know it is named & placed correctly. I also see it loaded as a resource when I use the inspector of my browser.

    Nevertheless, when I insert your code at the end of the style.css, nothing happens visually/or in the inspector on the formatting pane.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom CSS not working’ is closed to new replies.