change tempate

Discussion in 'Templates customization' started by ccwjames, Apr 7, 2016.

  1. ccwjames

    ccwjames Member

    Joined:
    Sep 11, 2014
    Messages:
    430
    at present my site is like this:

    site.jpg

    i know that 1 and 2 are repected i guess to fit any res size on a laptop or pc

    i want to remove all that and have a nice simple middle square and simple background like this

    site2.jpg
    i dont mine if maybe a blue coloum to frame it off on the side on the white meet the black
    also the top part to remove all the blue, make it double the height and white so i can easy add a banner for site name

    of couse this would be the same for all pages apart from admin

    thanks
  2. caesar

    caesar aMember Pro Developer Staff Member

    Joined:
    Oct 16, 2009
    Messages:
    2,295
    It is matter of several CSS rules. Just edit file site.css (http://www.amember.com/docs/Site.css_file)
    and put the following rules to this file:
    Code:
    .am-header-line {
        display: none;
    }
    
    .am-header,
    .am-layout,
    .am-body,
    .am-footer .am-footer-content-wrapper {
        background: black;
    }
    You can modify CSS rules further to match your requirements
  3. ccwjames

    ccwjames Member

    Joined:
    Sep 11, 2014
    Messages:
    430
    ok will look i had a play last night and got some black, but the grey bar under the main header was accross screen and could not size to the same as the header
  4. caesar

    caesar aMember Pro Developer Staff Member

    Joined:
    Oct 16, 2009
    Messages:
    2,295
    Do you mind to check styles I gave you? The following style remove this line completely
    Code:
    .am-header-line {
        display: none;
    }
    In event of you still need this stripe then add this rule:
    Code:
    .am-header .am-header-content-wrapper {
        border: none;
        border-bottom: 15px solid #aaa;
    }
  5. ccwjames

    ccwjames Member

    Joined:
    Sep 11, 2014
    Messages:
    430
    will ave a go tonight, thanks
  6. ccwjames

    ccwjames Member

    Joined:
    Sep 11, 2014
    Messages:
    430
    getting there, trying to work out a padding border around the footer so a blue screen and 1/2px white

Share This Page