CSS Changes

Discussion in 'Customization & add-ons' started by magicsquares, Mar 23, 2008.

  1. magicsquares

    magicsquares New Member

    Joined:
    Mar 23, 2008
    Messages:
    5
    I've only just installed aMember Pro on one of my sites, and I'm trying to change some of the CSS, but it's driving me nuts (not a long journey, I assure you).

    I've copied the existing CSS file to site.css, as recommended, and want to do something quite simple like change the format of the H1 tag.

    I've therefore changed this piece of existing CSS:

    ------------------------------------

    /* properties for headers */
    h1,h2,h3 {
    color: #707070;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
    }
    h1 { font-size: 140%; }
    h2 { font-size: 130%; }
    h3 { font-size: 120%; }

    ------------------------------------

    to this:

    ------------------------------------

    /* properties for headers */
    h2,h3 {
    color: #707070;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
    }
    h2 { font-size: 130%; }
    h3 { font-size: 120%; }

    ------------------------------------

    and then added the following:

    ------------------------------------

    h1 {
    color:red;
    font-size: 2em;
    margin: .67em 0
    }

    ------------------------------------

    However, the H1 tag on my Sign-Up page (http://www.mikeslockclub.net/amember/signup.php) is still the default grey colour and a smaller size than it should be. (I was expecting it to look like the main header on this page: http://www.mikeslockclub.net/.)

    Secondly, the table containing the main content has a CELLPADDING="20" attribute, which is being ignored on the Sign-Up page, as you can see from the breadcrumb trail that abuts the edge of the table exactly. (Again, it should look like the home page, with a nice margin around the content.)

    Anybody got any ideas on either or both of these issues? I'm sure it's something simple / stupid that I should be spotting, but I'm at the point where I need a fresh pair of eyes on the problem.

    Thanks in advance,



    Mark
  2. magicsquares

    magicsquares New Member

    Joined:
    Mar 23, 2008
    Messages:
    5
    Well, I seem to haved fixed the first problem by swapping the order of the CSS files in my header file.

    Still looking for solutions to the second problem though.
  3. skippybosco

    skippybosco CGI-Central Partner Staff Member

    Joined:
    Aug 22, 2006
    Messages:
    2,526
    both look resolved on my end (viewing in Firefox 2.0.0.12 and IE 7)
  4. magicsquares

    magicsquares New Member

    Joined:
    Mar 23, 2008
    Messages:
    5
    Yes, I just found the second problem - it's to do with the reset.css file, which meant I had to explicitly declare some CSS attributes that previously hadn't been necessary.

    Thanks for taking a look.
  5. skippybosco

    skippybosco CGI-Central Partner Staff Member

    Joined:
    Aug 22, 2006
    Messages:
    2,526
    Great Job on the site. I didn't think I would like the black background, but it turned out well!

    Did you do the site yourself (like the testimonial graphics and betting calculator?)
  6. magicsquares

    magicsquares New Member

    Joined:
    Mar 23, 2008
    Messages:
    5
    Thanks!

    Yes, the site is all our own work - my wife comes up with most of the content for our sites, and I do the coding, etc.

    The testimonial graphics were part of a package we bought a while ago, I think, although I may have edited the original ones to remove something I didn't like.

    The betting calculator is all mine - I've created many similar online calculators over the past few years, all in PHP, of course.

    I have to confess to using a bunch of scripts from DynamicDrive.com, however.

Share This Page