Change form colors and background image

Discussion in 'Templates customization' started by fxbootcamp, Jul 20, 2011.

  1. fxbootcamp

    fxbootcamp New Member

    Joined:
    Aug 22, 2006
    Messages:
    7
    I want to change the look and feel of the signup and login forms. Nothing crazy. Just add a background image or change the background colors of the forms. When doing so, it seems to interfere with the functionality of the form.

    Why would changing the background color break a form? More importantly, how can I make these simple modifications?
  2. fxbootcamp

    fxbootcamp New Member

    Joined:
    Aug 22, 2006
    Messages:
    7
  3. thehpmc

    thehpmc Member

    Joined:
    Aug 24, 2006
    Messages:
    901
    What is it you are actually wanting to change - the red footer looks out of place that colour for one.

    For that change the line
    Code:
    .footer {background:#f13516; text-align:right; font-size:12px; color:#fff; padding:10px 20px 10px 0;}
    in your wordpress theme css file
  4. davidm1

    davidm1 aMember User & Partner

    Joined:
    May 16, 2006
    Messages:
    4,437
    To edit the amember form colors- go into amember/templates/css/
    and make a new custom CSS file called site.css
    Then open up amember.css

    and copy the section you want to edit into site.css so it overrides it.
    This is so that when you upgrade amember, if theres an update to the amember.css file, your changes dont get changed back.


    I think the form color section is this:
    .vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
    }

    David

Share This Page