• Resolved dyter

    (@dyter)


    wcfm form fields are not aligned correctly when using the oceanwp theme. Here is a screenshot of an example of the issue. Do you have any suggestions for fixing or debugging the form field alignment issue shown in the screenshot? Thank you.

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author WC Lovers

    (@wclovers)

    Hi,

    It’s not possible to leave dashboard style in hand of off theme CSS, you may check once by disabling WCFM CSS files, everything will break down and unusable.

    But we accept for some particular themes this happen, hope you understand it’s something impossible to test and support 10k+ WP themes!

    Well, this can be resolve by adding 1-2 lines of CSS.

    Thanks @vnkjoshi for mentioning theme name “oceanwp”, we are looking into this.

    Thank You

    Thread Starter dyter

    (@dyter)

    Thank you for spending time on this. In your corrected design, did you remove !important from the oceanwp theme CSS or from the WCFM CSS? Also, can you guide me to which instances of !important you needed to remove to make the correct design? Thanks.

    Plugin Author WC Lovers

    (@wclovers)

    Hi @vnkjoshi,

    Really appreciate your effort.

    Kindly know us which CSS you have edited for the purpose!

    Thanks again for your kind cooperation ??

    Hey, it’s a temporary solution. I remove the !important value from main-style.css of WP Ocean theme style. There is following code of CSS which have added margin: -3px 10px 0 0 !important; so I just removed the !important. I already informed WP Ocean forum for remove this style but didn’t get any luck yet. WPCF kindly request you please do something related to this. Would be better if you override the WCFM style with theme style or if we remove the theme header from setting, in that case, the WCFM should not load any theme related style in the header.

    input[type=”checkbox”] {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #bbb;
    line-height: 0;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin: -3px 10px 0 0 !important;
    outline: 0;
    text-align: center;
    vertical-align: middle;
    clear: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: 0.05s border-color ease-in-out;
    -moz-transition: 0.05s border-color ease-in-out;
    -ms-transition: 0.05s border-color ease-in-out;
    -o-transition: 0.05s border-color ease-in-out;
    transition: 0.05s border-color ease-in-out;
    }

    Plugin Author WC Lovers

    (@wclovers)

    Thanks for updating this here ??

    Thread Starter dyter

    (@dyter)

    This solution worked for me as well. Although in my case, I had to remove the !important in the oceanwp theme’s style.min.css file. Thank you for sharing the info.

    Plugin Author WC Lovers

    (@wclovers)

    HI,

    I think it will be good if any one of you contact that theme author for this fix.

    Using “!important” is not a good way of writing CSS, when it’s for theme which will applicable overall elements.

    Thank you all for posting updates here ??

    Hi, I informed already to Ocean wp forum and they are going to remove in next update. Thanks.

    Also one for doubt, Is it possible to seperataout the WCFM module so that any theme related style won’t be affect. Or if we disable theme header style from setting in that case the theme related style should be removed and and will not be applied to WCFM.If this workout many CSS related issue will be resolved automatically. Just a suggestion.

    • This reply was modified 6 years, 1 month ago by vnkjoshi.
    • This reply was modified 6 years, 1 month ago by vnkjoshi.
    Plugin Author WC Lovers

    (@wclovers)

    Hi,

    I informed already to Ocean wp forum and they are going to remove in next update.

    That’s really great!

    Also one for doubt, Is it possible to seperataout the WCFM module so that any theme related style won’t be affect. Or if we disable theme header style from setting in that case the theme related style should be removed and and will not be applied to WCFM.If this workout many CSS related issue will be resolved automatically.

    With this thought we have added “disable theme header” setting option but mos tof the theme does not follow WP theme development rules (mainly premium themes), so it does not work perperly.

    Thank You

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘wcfm form fields not aligned (using oceanwp theme)’ is closed to new replies.