Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1118189
    Mark C
    Participant

    I have been trying to use the Info Bar on a site I’m working on, but the email field and submit button don’t line up properly with the text to the left of them and they are displaying at different sizes as well. I haven’t done any customization via CSS – just chose some different colors and changed a few words. It looks great in the back end, but badly misaligned on the live site. Here are screen shots of both sides.

    ** UPDATE: I ended up having to add this CSS to get things to look right, but I am sure that people can’t be expected to do this each time they use it. I’ll post my login info next so you can take a look. There’s got to be an issue I haven’t discovered yet.

    input[type=”email”] {
    display: inline-block;
    height: 2.5em;}

    .cp-form-container .cp-submit-wrap-full .cp-submit {
    width: 150%;}

    form {
    margin: 0 0 0em;}

    #1118196
    Mark C
    Participant
    This reply has been marked as private.
    #1118478
    Rupok
    Member

    Hi there,

    It seems some line-height is being added to the button from another module of ConvertPlug that’s causing the inconsistency. However your fix seems good and you can go with that.

    Cheers!

    #1138774
    accent_mus
    Participant

    I’m having the same problem, and Mark C’s code fixed it for me.

    Thanks so much for posting your solution here Mark C! You saved me a ton of time.

    #1139104
    Prasant Rai
    Moderator

    Happy to hear that. Feel free to ask us again. Have a great day! 🙂

  • <script> jQuery(function($){ $("#no-reply-1118189 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>