Problem with mailpoet css and theme css

  • Resolved houba_houbi

    (@houba_houbi)


    3 years, 9 months ago

    `Hello,
    I have problem with css mailpoet and css of my theme.
    I would like to have my form inputs and buttons like in my theme.
    So I created a custom form. In my custom form > form tab : there are cutom css so I delete all to have only my css of my theme loaded. But if I save and come again the mailpoet css comes again… I contourned the problem with adding just one line /*form*/
    After I would like to have my button like my theme so I add a class .button-primary to my button but in fact this class is loaded for the entire bloc and not only for the button element so the result is not good. How to add my class only for the buton element ?
    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Kel C. a11n

    (@kellymetal)

    3 years, 9 months ago

    Hi there @houba_houbi,

    When editing your form and selecting individual blocks, there will be a Block-level option in the Styles tab to Inherit styles from your theme:

    inherit from theme
    Link to image: https://d.pr/i/auBpOm

    Please try enabling that option for all the blocks where you want styling to copy your theme.

    As for the classes, when selecting a block, there will be an “Additional CSS class(es)” option as shown below. As you’ve seen though, that applies to the entire selected block. There’s currently no other built-in alternative way to add CSS classes to elements in the editor

    CSS classes
    Link to image: https://d.pr/i/N2YzoA

    Thread Starter houba_houbi

    (@houba_houbi)

    3 years, 9 months ago

    Hello
    Thanks for your answer
    1/ Yes I have already activated the option “inherit styles from theme”
    2/ What a pity the class are generaly on the input or button element too not only on the block
    So I have no choice to duplicate css from my theme and adapt for the mailpoet form ?
    Is there another way to create the form without the wp-block and add my custom css ?
    Thanks

    Plugin Support Kel C. a11n

    (@kellymetal)

    3 years, 9 months ago

    Hi there @houba_houbi,

    There’s no other built-in way in MailPoet itself to create your forms, aside from the block editor. One alternative would be to create your own custom forms, and then you would need to integrate them with MailPoet using the API here:
    https://github.com/mailpoet/mailpoet/tree/trunk/doc

    Otherwise you’d need to adapt your custom CSS to make it apply to the output HTML of the blocks in the MailPoet form.

    Thread Starter houba_houbi

    (@houba_houbi)

    3 years, 9 months ago

    Hello

    Thanks for your reply. Perhaps it can be done in a feature request 😉

    Thread Starter houba_houbi

    (@houba_houbi)

    3 years, 9 months ago

    And Have you test the bug I detailed.
    Erase all the custom css in the tab “form”, save, exit and return. The css will come back !

    Plugin Support Kel C. a11n

    (@kellymetal)

    3 years, 9 months ago

    Hi there @houba_houbi,

    Certainly! Any feature requests can be added to our board here:
    https://mailpoet.canny.io/

    Thank you!

    Thread Starter houba_houbi

    (@houba_houbi)

    3 years, 9 months ago

    ok I will see that.

    I can’t arrive to do the same effect in hover submit button like in my theme.
    Could you help me?

    Thanks

    Thread Starter houba_houbi

    (@houba_houbi)

    3 years, 9 months ago

    Hello
    I fixed it !

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

The topic ‘Problem with mailpoet css and theme css’ is closed to new replies.