Wordpress/amember tweaking header slightly

Discussion in 'Templates customization' started by scott_wa1, Jul 28, 2016.

  1. scott_wa1

    scott_wa1 aMember Pro Customer

    Joined:
    Aug 22, 2006
    Messages:
    54
    I'm setting up a brand new installation of Wordpress (4.5.3 running the Zerif Lite theme) and aMember (current version 5.1).

    I enabled the integration, etc etc but the Wordpress page header is chopping off the top of the aMember pages, like so:

    http://stevesmoneyroom.com/members/login
    (attaching a screenshot too in case it's fixed before you look at it)

    Basically I just need all of the amember pages to add some space at the top for the Wordpress header.

    Can someone tell me where to edit?

    -Scott

    Attached Files:

  2. caesar

    caesar aMember Pro Developer Staff Member

    Joined:
    Oct 16, 2009
    Messages:
    1,659
  3. scott_wa1

    scott_wa1 aMember Pro Customer

    Joined:
    Aug 22, 2006
    Messages:
    54
    I had some delays because the client changed the domain name so I just got around to trying it.

    Code:
    .am-body-content {
        margin-top:2em;
    }
    This actually move the entire header (Wordpress's header) down too.

    http://secretsignalservice.com/members/login

    Back in the days of HTML I was a rockstar but these sites designed entirely with CSS drive me crazy. :(
  4. scott_wa1

    scott_wa1 aMember Pro Customer

    Joined:
    Aug 22, 2006
    Messages:
    54
    I got it!! I found another thread with a reference to this file:
    /amember/application/default/plugins/protect/wordpress/default/layout.phtml

    I changed this line:
    Code:
    <div style="padding:0 1em;">
    to this:
    Code:
    <div style="padding:2em 1em 0 1em;">
    Which successfully set a 2em padding on top, which was enough room for the wordpress header.


    edit: correction, it needed 6em, not 2em, but it works. :)
    caesar likes this.

Share This Page