jcbb
Forum Replies Created
-
Forum: Plugins
In reply to: [Contact Form 7 Style] multiple columnsHi
Cheers, I understand the process, I seem to be having difficulty in targeting the special class or at least identifying it. I have followed the screen shots and I dont see the class ident easily.Below is the inspected html (f12 in chrome)?
<form action=”/test/?preview_id=595&preview_nonce=4a12517ec7&_thumbnail_id=-1&preview=true#wpcf7-f992-p595-o1″ method=”post” class=”wpcf7-form cf7-style” novalidate=”novalidate”>
<div style=”display: none;”>
<input type=”hidden” name=”_wpcf7″ value=”992″>
<input type=”hidden” name=”_wpcf7_version” value=”4.6.1″>
<input type=”hidden” name=”_wpcf7_locale” value=”en_GB”>
<input type=”hidden” name=”_wpcf7_unit_tag” value=”wpcf7-f992-p595-o1″>
<input type=”hidden” name=”_wpnonce” value=”096581ebc5″>
</div>
<h3 style=”color:#fff” data-fontsize=”24″ data-lineheight=”36″> CallBack Request </h3>
<p><span class=”wpcf7-form-control-wrap your-name”><input type=”text” name=”your-name” value=”” size=”40″ class=”wpcf7-form-control wpcf7-text wpcf7-validates-as-required” aria-required=”true” aria-invalid=”false” placeholder=”Name”></span></p>
<p><span class=”wpcf7-form-control-wrap tel-306″><input type=”tel” name=”tel-306″ value=”” size=”40″ class=”wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel” aria-required=”true” aria-invalid=”false” placeholder=”Number”></span> </p>
<p><input type=”submit” value=”Send” class=”wpcf7-form-control wpcf7-submit”><span class=”ajax-loader”></span><div class=”fusion-slider-loading”></div></p>
<div class=”wpcf7-response-output wpcf7-display-none”></div></form>Forum: Plugins
In reply to: [Contact Form 7 Style] multiple columnsHi all,
Useful plugin! although I cant quite get it to do what I require,.
The above example is what I`m trying to achieve (not succeeding) although learning alot.
I simple horizontal bar with two input elements (name and phone and submit) is what I looking for.
The above example looks good, I tried the CSS route but it did nothing although I suspect I was targeting the wrong class?body .cf7-style.cf7-style-132 p {
display: inline-block;
}I used <label> instead on <p>, not certain where the “.cf7-style.cf7-style-132” came from? 132 the contactform id maybe.