Support » Plugin: Brilliant Web-to-Lead for Salesforce » Contact form titles out of alignment

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Nick Ciske

    (@nickciske)

    Try some left margin/padding (or text-align: center;) vs. text-align: right;

    If you right align text, you will get an inconsistent left indent…

    jceg316

    (@jceg316)

    Hi Nick,

    Thanks for your reply. Do you suggest I put this in the “Styling” tab of that form in the setting? If so I can’t see the element I need to edit.

    Cheers!

    Plugin Author Nick Ciske

    (@nickciske)

    You already have style overrides in your stylesheet:

    .w2llabel{
    color:#c1b49a;
    font:16px Georgia, “Times New Roman”, Times, serif;
    float: left !important;
    height:26px;
    line-height:20px;
    text-align:right;
    width:105px
    }

    I’ve bolded the part causing the issue — you’d edit this block to change how labels are rendered.

    jceg316

    (@jceg316)

    Thanks for the extra help. I just need to find where this code is in the back end. It’s not in the CSS of my site…

    Plugin Author Nick Ciske

    (@nickciske)

    http://www.mediarunsearch.co.uk/wp-content/themes/mediarun/assets/css/stylesheet.css

    jceg316

    (@jceg316)

    Thanks again! Playing around with styling in Chrome’s “Inspect Element” it does seem the text-align:right; field is causing problems. Will take it out.

    Thanks for your help.

    nbaldocchi

    (@nbaldocchi)

    Hi,

    I seemed to be having a similar problem with the contact form on my companies blog page. When I upgraded my wordpress theme Atahualpu to version 3.7.13 the 3, 4 and 5 positions on the contact form are now misaligned. The text box for someone to fill in their information now appears to the right of the label instead of underneath like the rest of the fields messing up the alignment. Here’s our blog page so you can see what I mean.

    http://beyondthearc.com/blog/

    I’ve been trolling through support forums and trying to fix it myself but haven’t found out how yet. Anything suggestions would be greatly appreciated.

    Thank you for your help,
    -Nick

    Plugin Author Nick Ciske

    (@nickciske)

    Same answer: see the styling tab for how to override the CSS.

    The plugin does it’s best to maintain its layout, but it can’t support every theme (especially when that’s a moving target).

    The 2.3 branch has some options that may work for you (i.e. per form label alignment options).

    2.3 should be released later this month. You can grab the development version here:
    https://github.com/nciske/salesforce-wordpress-to-lead/tree/2.3

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Contact form titles out of alignment’ is closed to new replies.