watermark makes field wider

  • Resolved mr_swede

    (@mr_swede)


    12 years, 1 month 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.

    <p>
    [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:

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

    Anyone who can help out?

    https://www.ads-software.com/extend/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter mr_swede

    (@mr_swede)

    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…

    Thread Starter mr_swede

    (@mr_swede)

    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"]
</div>
</div>
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘watermark makes field wider’ is closed to new replies.