Destroying design

  • Resolved Alexander Guskov

    (@forcesail)


    3 years, 2 months ago

    Hello and many thanks for the really great plugin.

    It would be really useful if it didn’t break design of the site redefining css of the common elements, like buttons. Normally, it’s preferable that design of the site is solid how it defined in the theme and don’t depends of a plugin. So, all buttons should be as they refined in the theme design.

    Another point is as you add<fieldset> that is some brousers (chrome for example) has it’s predefines border, margin and padding it would be better if set it to 0

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support alina98

    (@alina98)

    3 years, 2 months ago

    Hi there,

    Thanks for reaching out!

    Can you please send a screenshot or screencast of this issue?

    Kind regards,
    Alina

    Thread Starter Alexander Guskov

    (@forcesail)

    3 years, 2 months ago

    Hello Alina98,

    in the file cf7mls.css destroys the defined design and behavior:

    form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    border-radius: 3px;
    padding: 13px 29px;
    font-weight: bold;
    margin: 16px 0px 26px;
    float: right;
    }

    form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.8;
    }

    and next lines create your buttons (next, back) by theme-independed style that breaks the solidity of design:

    .cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
    margin: 25px 0px 26px;
    padding: 13px 15px;
    }
    .cf7mls_next.action-button {
    background-color: #0073aa;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    margin: 25px 0px 26px;
    padding: 13px 5px;
    min-width: 100px;
    position: relative;
    }
    .cf7mls_back.action-button {
    background-color: #e3e3e3;
    border: 0 none;
    border-radius: 3px;
    color: #23282d;
    cursor: pointer;
    font-weight: bold;
    margin: 16px 0px 26px;
    padding: 13px 5px;
    min-width: 100px;
    position: relative;
    }

    .cf7mls_back.action-button {
    margin-right: 10px;
    float: left;
    }

    .cf7mls_next.action-button:hover,
    .cf7mls_back.action-button:hover,
    .fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step:hover {
    opacity: 0.8;
    }

    It would be much better if you clear them out;

    Plugin Support alina98

    (@alina98)

    3 years, 2 months ago

    Hi @forcesail ,

    Please let me check this with the dev and I will feed you back as soon as possible.

    Thank you!

    Kind regards,
    Alina

    Plugin Support mialewp

    (@mialewp)

    3 years, 2 months ago

    Hi @forcesail ,

    Thanks for your patience. We have planned updating this codes to next version.
    Thanks once again for your report. We really appreciate it.
    If you have any questions, feel free to contact us.

    Many thanks!
    Mia

    Plugin Support mialewp

    (@mialewp)

    3 years, 2 months ago

    Hi @forcesail again,

    Have a nice day! If there is nothing else then I would like to mark this topic as resolved.

    Thanks once again for your sharing.

    Best regards,
    Mia

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

The topic ‘Destroying design’ is closed to new replies.