Float: right

  • rwonnink

    (@rwonnink)


    7 years, 2 months ago

    Hi,

    After I guess the update (I think the update was done on december 26th) the contact forms on my website are lined out with float: right. This wasn’t the case before. If I check on Chrome with inspect there is now the following code:
    form {
    float: right;
    }

    If I delete this code it is back to normal but I don’t know how to delete or change it permanently.

    Regards,
    Robert

Viewing 1 replies (of 1 total)
  • Neil Murray

    (@buzztone)

    7 years, 2 months ago

    This is likely due to styling included in your current WP theme or one of the plugins you are using.

    form {
float: right;
}

    This CSS is definitely not part of CF7 & is likely to cause a lot of unexpected consequences – especially if you are not experienced with CSS.

    See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Abbreviated Version

    1. You need basic HTML & CSS skills
    2. You need to know how to use Chrome Dev Tools or equivalent
    3. Use Dev Tools to examine the CSS styling applied to your form in detail
    4. Determine what CSS changes you need to make
    5. Add custom CSS via WP Customizer > Custom CSS, custom CSS plugin or child theme.

    If you add a link to your CF7 form, others here may be able to offer more specific CSS advice.

Viewing 1 replies (of 1 total)

The topic ‘Float: right’ is closed to new replies.