1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design Changing COD template bg

Discussion in 'Web Design' started by Dandyman, Apr 11, 2011.

  1. Dandyman

    Dandyman New Member

    Hi,

    I have downloaded the COD2 template but I need to change it so it fits my site needs. I am trying to change the whole bg to a bg image however I cannot change the 2 sides either side of the container and below the header. They just stay black. Can anyone help?

    Template:
    template
     
  2. ace2011

    ace2011 Member

    open the style.css file with a text editor and change the bg color at

    background-color: #000000; <-- this is what you have to change
     
  3. Dandyman

    Dandyman New Member

    Thanks but what do I change it to?
     
  4. Dandyman

    Dandyman New Member

    I've tried all the sections but non of them will change it. It seems to be set as black and is unchangable
     
  5. ace2011

    ace2011 Member

    you need to change the #000000 (this is the color code for black) with the color code that you want to use

    for color codes you can search at google

    eg if you change the
    background-color: #000000;
    to
    background-color: #FFFFFF;
    the background color will become white
     
  6. Dandyman

    Dandyman New Member

    I want to use a bg image. I have change the background.gif to the thing I want and also changed it in the CSS but I cannot find the part I need to change. It seems that this is not the page background but a table that cannot be deleted or edited because when I set the background in the html it only does up where the header is and nowhere else. I think it is a layer or something but I cannot figure it out.
     
  7. tomw

    tomw Member

    By following ace2011 suggestion your page should look something like this.
     
  8. Dandyman

    Dandyman New Member

    Thanks but how would I make that an image rather than just a colour?
     
  9. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    depending on your image use the same code area as ace2011 posted
    Code:
    background-image: url("images/background.gif");
    just change the background.gif to your file and make sure it is in the images directory. You may have to edit the code under it
    Code:
    background-repeat: repeat-x;
     
  10. Dandyman

    Dandyman New Member

    Does it have to be a .gif?
    I changed it to background.jpg

    It changed to a white bg but didn't apply the image. It is in the images directry
     
  11. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    can be any graphic format.
    Did you save your css file after editing.
    Clear your browser cache and then reload the page.
    Why don't you post your code.
     
  12. tomw

    tomw Member

    That is an image but it just a black bar. Perhaps you are looking for something like this?
     
  13. Dandyman

    Dandyman New Member

    Thanks it just started working.