How do you make the top banner align to an exact spot?

  • pardop1
    Asked on December 1, 2015 at 7:33 AM

    Trying to set the banner at top so that is it flush at top and the same width as the form so you do not se any white on the left or right of it. Link to form below.

    Thanks,

    Pam

  • victor
    Replied on December 1, 2015 at 10:10 AM

    To adjust the size of the banner, you can change the width and height to 100%

    How do you make the top banner align to an exact spot? Image 1 Screenshot 30

    This will expand the image to the full size. Now you just need to remove the border, padding and margins of the form and image. This can be done by adding the following CSS code

    How do you make the top banner align to an exact spot? Image 2 Screenshot 41

    Please let us know if this helps.

  • pardop1
    Replied on December 1, 2015 at 11:45 PM
    The setting for the banner were both alredy set to way over 100 each so that did not help.
    the code is a screen shot. Please sent text.
    Thanks,
    Pam
    ...
  • Sammy
    Replied on December 2, 2015 at 4:38 AM

    Try adding the following CSS to your form using the designer's CSS tab.

    #id_75 {
        margin-top:-12px;
        border:1px solid;
    }

    #cid_75 div {
        display:block;
        margin-left:-36px;
        width:656px;
    }

    How do you make the top banner align to an exact spot? Image 1 Screenshot 30

    How do you make the top banner align to an exact spot? Image 2 Screenshot 41

  • Sammy
    Replied on December 2, 2015 at 4:40 AM

    You can remove the border portion in the CSS, I had placed it there so as to get proper positioning visually.

    #id_75 {
        margin-top:-12px;
        border:1px solid;
    }