Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • #60413
    un.chain
    Member
    Post count: 79

    I am making the question box on the visitor using the contact form 7.
    What should I do for arranging the box of 110 currently displayed on the figure, and the box of 120 beside the box of 100?

    Respectively
    In contact form
    <p class=”bunum”>[text text-100 placeholder “100”][text text-110 placeholder “110”][text text-120 placeholder “120”]</p>

    To custom-made css
    .wpcf7-form .bunum {width: 20%}

    This text was written.
    Please teach me a solution.
    Please help me.

    http://gesushype.com/test/

    #60606
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css .It will work 100% sure

    .wpcf7-form .bunum{width:95%}
    .wpcf7-form .bunum span.wpcf7-form-control-wrap{margin-right: 14px;width: 28%;}

    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #60712
    un.chain
    Member
    Post count: 79

    an answer — thank you — Mohammad
    css which you taught me like the photograph — custom-made one — the bottom.

    However, I do not line up a text box side-by-side yet.

    http://gesushype.mods.jp/icechain/shop/heavyweightt-sh-00085-cvt/

    Is my css wrong?
    Please let me know:)

    #60724
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please find this code

    .wpcf7-form .bunum span.wpcf7-form-control-wrap{margin-right: 14px;width: 28%;}
    
    Replace with 
    .wpcf7-form .bunum span.wpcf7-form-control-wrap{margin-right: 14px;width: 28%;float:left;}

    I have missed float:left; only to line up it .

    Thanks

    #60752
    un.chain
    Member
    Post count: 79

    thank you ๏ผš๏ผ‰ it solved, thanks to you!

    #60755
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #107662
    alemarengo
    Member
    Post count: 695

    Hi!
    Since I don’t want to open a new thread, I’d like to follow this one.
    I noticed a little strangeness that could be surely corrected via css, but first I’d like you to know that. Please, see this screenshot and let me know if it’s possible not to split that red error clause.
    Thanks.

    #107742
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    @puntobiancosnc
    – Please use this custom css code:-

    span.wpcf7-not-valid-tip {
        clear: both !important;
        color: #f00;
        display: block;
        font-size: 1em;
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    Thanks ๐Ÿ™‚
    With Best Regards
    Mohammad

    #146073
    1960
    Member
    Post count: 21
    This reply has been marked as private.
    #146533
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    What you mean by damage?
    It’s easier to create a new one from scratch?

    Check contact form 7 documentation of how to create a form.

    Getting started with Contact Form 7


    -Rui

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register