Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Backlight Crew,
What sort of resources can lead me to customizing the placement of the contact form fields?
http://www.quatrainfotographic.com/?page=contact
At this point, I'd simply like to get the fields to queue up top to bottom. They appear to be "stuck together" on their ends. I assume that some media queries are going to be in order?
Thanks,
Don
Quatrain ƒotographic, LLC
…seeing, thinking, teaching. Visual Poetry.
https://quatrainfotographic.com
Offline
it looks like your custom css is doing this:
p {
font-family: SofiaProLight;
font-size: 14px;
display: inline-block;
text-align: left;
}specifically the display: inline-block; rule.
if you need all your paragraphs to be inline-block, then try adding this to your custom css:
#form p {
display: block;
}otherwise, try refining the rule that calls for display: inline-block; to make it more specific to your needs.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
That's a perfect fix Rod, thank you!
Where does the code for the "Address" field originate? I can't seem to find how to turn that off. I don't need to request that info from clients. I thought perhaps that would be in Backlight Settings, but not so.
Quatrain ƒotographic, LLC
…seeing, thinking, teaching. Visual Poetry.
https://quatrainfotographic.com
Offline
You can modify the contact form by going to Designer > Contact Forms.
Click on the Edit link for your form.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Yep... been doing that to make sure an 'address' field doesn't get included. Started with Default, then created a new one just to make sure.
https://www.dropbox.com/s/f7u0hp1zthk3t … 4.png?dl=0
https://www.dropbox.com/s/zlpxrljt62n03 … 0.png?dl=0
Chrome Inspector:
<p class="honey-pot">
<label for="address"> Address *</label>
Tried doing a Find in my docs for "honey-pot" and nothing turns up.
Cleared the template cache a couple times too. Address field still appears...
Thanks very much for your insights,
Don
Quatrain ƒotographic, LLC
…seeing, thinking, teaching. Visual Poetry.
https://quatrainfotographic.com
Offline
a couple things to try:
make sure the contact page is using the correct contact form.
Try clearing template cache: Click on Designer in the menu, then on Clear Template Cache.
Is your host using some form of page caching as well? If so, try disabling that while designing.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I think I see what happened. In adding the custom css to align the form, that css overrode the .honeypot css changing it from display: none; to display: block;)
try adding this to your css
p.honey-pot {display:none !important;}Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Brilliant!
Thanks very much, Rod.
Quatrain ƒotographic, LLC
…seeing, thinking, teaching. Visual Poetry.
https://quatrainfotographic.com
Offline
If it wasn't apparent, the address field exists in the markup as a trap for spam bots. If they fill in the field then we detect the submission as spam and discard it.
Offline