Contact Form 7
[resolved] watermark makes field wider (3 posts)

  1. mr_swede
    Posted 3 years ago #

    I've come across something I can't solve...

    When I add the 'watermark' option to a field, it gets much wider regardless of the size/maxlength option. It fills the entire page width which looks ugly.

        [text* company 25/25 class:fill watermark "Company or Organization"] </p>

    If I remove 'watermark' option the field is displayed correctly in size, see below:

        [text* company 25/25 "Company or Organization"] </p>

    Anyone who can help out?


  2. mr_swede
    Posted 3 years ago #

    Seems to be a theme issue.

    I switched to default theme, twenty-eleven, and the fields are now displayed with their correct sizes.

    Any help would still be appreciated, so I know how to be able to use my theme and get the correct field sizes...

  3. mr_swede
    Posted 3 years ago #

    I solved it by inserting this around the cf shortcode:

    <div style="width:inherit;">
    <div style="width:300px; float:left;">
    [contact-form-7 id="xxx" title="Title"]

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic