4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Css help needed

by tomwalsh77
3 replies
  • WEB DESIGN
    • |
Probably simple for someone who knows css but how can I align my aweber form to the right hand side and have it centered vertically? - manifestyourdream.co.uk
#css #needed
  • Profile picture of the author JosephI
    I deleted previous message as I hadn't seen the site link before.

    Below will give you what you want. Adjust accordingly.

    form.af-form-wrapper {
    float: right;
    width: 500px;
    margin-top: 10%
    }

    {{ DiscussionBoard.errors[9866580].message }}
    • Profile picture of the author tomwalsh77
      Originally Posted by JosephI View Post

      I deleted previous message as I hadn't seen the site link before.

      Below will give you what you want. Adjust accordingly.

      form.af-form-wrapper {
      float: right;
      width: 500px;
      margin-top: 10%
      }
      Is there anyway that I can get it so that it sits to the right hand side just above the sunset?

      Edit: Actually I think I've managed to do it. :-)

      Edit: No I haven't, seems to work on my screen fine but just checked on my girlfriends laptop with a smaller screen and it doesn't look so good. Is there a way of doing this so that it looks decent on all screens?
      {{ DiscussionBoard.errors[9867858].message }}
  • Profile picture of the author JosephI
    If you want the sun on the right, then you need to move the background image first.

    otherwise use this, adjust as needed.

    form.af-form-wrapper {
    float: right;
    width: 300px;
    margin-top: -1%;
    margin-right: 26%;
    }

    add this to center the arrow

    div.af-header {
    margin-right: 30%;
    margin-left: 30%;
    }


    {{ DiscussionBoard.errors[9867909].message }}

Trending Topics