How To Adjust Signup Page Width

Discussion in 'Templates customization' started by paradisetunes, Feb 19, 2009.

  1. paradisetunes

    paradisetunes New Member

    Joined:
    Dec 10, 2007
    Messages:
    10
    I'm trying to adjust the signup page to fit my header image width as seen here: http://www.chocolatebravo.com/member/signup.php

    I believe the file to edit is amember.css or site.css but I'm unable to successfully change the width to match the size of my header image which is currently 862px. Any help would be greatly appreciated.

    Thank you!
  2. skippybosco

    skippybosco CGI-Central Partner Staff Member

    Joined:
    Aug 22, 2006
    Messages:
    2,526
    I suspect you would need to adjust the vedit in .css
  3. codeispoetry

    codeispoetry aMember Pro Customer

    Joined:
    Jan 12, 2009
    Messages:
    336
    Hi paradisetunes,

    Nice site you've got there :)

    For CSS did you change the width for class vedit?

    If you are still unable to resolve your issue, you can contact me codeispoetry [at] amemberincremental.com

    Lee
  4. paradisetunes

    paradisetunes New Member

    Joined:
    Dec 10, 2007
    Messages:
    10
    Hi Lee,

    I do not see a width setting within class vedit. Also, I've sent you a personal email.

    Best,
    Dan
  5. codeispoetry

    codeispoetry aMember Pro Customer

    Joined:
    Jan 12, 2009
    Messages:
    336
    Hey Dan,

    Have replied you :)

    Lee
  6. paradisetunes

    paradisetunes New Member

    Joined:
    Dec 10, 2007
    Messages:
    10
    Sorry Lee...no mail received.

    Best,
    Dan
  7. codeispoetry

    codeispoetry aMember Pro Customer

    Joined:
    Jan 12, 2009
    Messages:
    336
    Hey Dan,

    Have resent :)

    Lee
  8. miso

    miso aMember Pro Customer

    Joined:
    Aug 22, 2006
    Messages:
    543
    you could just add "width: 100%" to .vedit class in amember.css...

    speaking of which, that amember.css style is so outdated, it's not even funny... I think it dates back to 2006 version of amember or something.
  9. paradisetunes

    paradisetunes New Member

    Joined:
    Dec 10, 2007
    Messages:
    10
    Thanks to all for suggestions but so far nothing has worked 100% as when changes are made, one page will look fine but then effects another page. I guess the best way to see would be to create a test account using CCDemo and see for yourself. http://www.chocolatebravo.com/member

    I am also working with Tech Support but communications have been very slow.

    Best,
    Dan
  10. skippybosco

    skippybosco CGI-Central Partner Staff Member

    Joined:
    Aug 22, 2006
    Messages:
    2,526
    If you are not already, install FireFox with the Firebug plugin

    Find an area or element you wish to adjust, right click on it and select inspect. The HTML and CSS will be available for you to view and change to see how your change would effect the page. You can then edit the .css or .html directly to make the change permanent.
  11. paradisetunes

    paradisetunes New Member

    Joined:
    Dec 10, 2007
    Messages:
    10
    Fixing One Problem Created Another

    After fixing the problem regarding signup page width by using modified header.html, amember.css, site.css files from aMember tech support, it then created a new problem after logging in on the membership page which displays "Your subscriptions" and "Useful Links and "Your payment history."

    This page is now double wide whereas you need to use the horizontal scroll bar at the bottom of the page to see all listed items and fields.

    Any help is greatly appreciated as I would like to resolve this issue soon.

    Best regards,
    Dan
  12. paradisetunes

    paradisetunes New Member

    Joined:
    Dec 10, 2007
    Messages:
    10
    After modifying member.html by selecting <table width="100%"><tr><td style="width: 50%; vertical-align: top;"> and removing <tr><td style="width: 50%; vertical-align: top;"> I was able to adjust and center the tables correctly.

Share This Page