0
Welcome Guest! Login
0 items Join Now

Changing the Width of the TOP position

  • Changing the Width of the TOP position

    Posted 15 years 5 months ago
    • Hello,

      I'm looking for a way to change the width of the TOP position. I changed the width of my logo and now item at the TOP position appear on my logo...

      URL: www.ericbellavance.com/acu/

      Can I do that?

      Regards,

      Eric
    • Last Edit: 15 years 5 months ago by Eric Bellavance.
    • Robert W's Avatar
    • Robert W
    • Elite Rocketeer
    • Posts: 815
    • Thanks: 0
    • IT

    Re: Changing the Width of the TOP position

    Posted 15 years 5 months ago
    • Find 'light.css' and locate '#header .module' and adjust the code 'margin-left' from 325px to something like 400px. You will need to tweak it to meet your needs but it's a start.
  • Re: Changing the Width of the TOP position

    Posted 15 years 5 months ago
    • Thank you for this quick reply!

      It's exactly what I was looking for, Problem Solved!

      regards,

      Eric
    • Robert W's Avatar
    • Robert W
    • Elite Rocketeer
    • Posts: 815
    • Thanks: 0
    • IT

    Re: Changing the Width of the TOP position

    Posted 15 years 5 months ago
    • You're Welcome! :cheesy:
    • FH45's Avatar
    • FH45
    • Elite Rocketeer
    • Posts: 909
    • Thanks: 3
    • CEO & Publisher

    Re: Changing the Width of the TOP position

    Posted 15 years 4 months ago
    • Hi Eric

      I have just been looking at your site and find that you have managed to change the logo to a much bigger size than the Afterburner. You have also managed to add the text below the logo.

      I want to do the same as your self but find that the space in the afb-sprite.png is too small. How did you enlarge it?
  • Re: Changing the Width of the TOP position

    Posted 15 years 4 months ago
    • Hi FH45,

      I modified the light3.css (you have to modify the file who correspond to the colour you use). I put in comment the original #logo and added my own one.
      /* Header */
      /* #logo {width:288px;height:58px;background:url(../images/light3.png) 0 -272px no-repeat;display:block;margin:20px 15px;} */
      #logo {width:353px;height:135px;background:url(../images/logo.png) no-repeat;display:block;margin:20px 15px;}

      Now, this modification look for logo.png. For the text, it's included my logo.

      Hope this help
    • FH45's Avatar
    • FH45
    • Elite Rocketeer
    • Posts: 909
    • Thanks: 3
    • CEO & Publisher

    Re: Changing the Width of the TOP position

    Posted 15 years 4 months ago
    • Hi Eric

      It works perfectly well. Thanks a lot.

Time to create page: 0.057 seconds