jimpdx
Forum Replies Created
Viewing 1 replies (of 1 total)
-
Forum: Plugins
In reply to: [Brilliant Web-to-Lead for Salesforce] Customizing the Form LayoutI mocked this up for you on my test site:
http://greatvines2015.staging.wpengine.com/contact-us** DISCLAIMER: This has not been tested across all browsers, only Chrome on Mac OSX 10.11. It is also only set to fix text input, select and textarea (comment fields) **
You could try adding this to your theme’s custom CSS file and tweaking the “width” parameters. This is currently set to 70/30% but you could also fix a specific size for each column using “300px” and “700px” which would actually be quite wide. I also added the “text-align: right” with padding as it is generally a best practice to align form labels to the right in a two column orientation.
/* =========================== */ /* Example two-column form layout for WP */ /* =========================== */ div.salesforce_w2l_lead label.w2llabel { clear: left; float: left !important; width: 30% !important; text-align: right; padding-right: 1em; } div.salesforce_w2l_lead select.w2linput, div.salesforce_w2l_lead textarea.w2linput, div.salesforce_w2l_lead input.w2linput { clear: none !important; width: 70% !important; } div.salesforce_w2l_lead input.w2linput { height: 2em !important; // adjust height of the input boxes } /* =========================== */
Viewing 1 replies (of 1 total)