Plugin conflict with Contact-form-7 (2+3 column layout)

  • Resolved reca26

    (@reca26)


    6 years, 1 month ago

    Hello –
    I’ve just came across, that Redux is the cause of my long-lasting Layout-problem with my contact forms:
    I’ve created a 3-column contact form with the help of a (fantastic) YouTube tutorial (). It works great, and resulted in a proper looking 3-column-contact-form.
    But at some point (I don’t know exactly when) the layout had changed, and the vertical spacing between the columns did vanished.
    Some invastigation by deactivation all plugins and aktivating them one by one, revealed, that Redux Framework is causing this effect.
    As Redux is included in my theme (“Bigcart” by Soapthemes), and was always active since about 9 months, and the layout-fault aproximately appeared in the last 6 months, I guess it my be happend during an update.

    I would be really thankful for your help!

    Kind regards – Reca

    (If relevant, here is the CF7-code I’ve added to my Custom CSS:

    /*— 3 Column Form Styles Start —*/ #left { width: 33%; float: left; margin-right:1%; } #center { width: 33%; float: left; } #right { width: 33%; float: left; } .clearfix:after { content:”\0020″; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; margin-bottom:10px; } .clearfix { display:block; } /*— 3 Column Form Styles End —*/)

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter reca26

    (@reca26)

    Hello – I just saw that this layout-fault only appears in Firefox. In Opera the vertical spacing is visible, but it looks different as it should, as the spaching is much too big.

    Regards Reca

    Plugin Author Kev Provance

    (@kprovance)

    This is something you will need to take up with the theme’s author. We are unable to support users of theme’s that use Redux as Redux is a developer’s tool. The author needs to determine the issue and verify through means other than “I disabled Redux”. They then need to come to use with their findings so we can then determine if it’s our CSS or CF7’s. Good luck.

    Plugin Author Kev Provance

    (@kprovance)

    Also, just as a dev note, I would highly recommend using more unique IDs, as such generic terms should never be used. Too much potential for conflict. Something akin to themename_left, themename_center, etc.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Plugin conflict with Contact-form-7 (2+3 column layout)’ is closed to new replies.