Problem customising “Pixel” theme

  • Resolved millakilla

    (@millakilla)


    16 years, 10 months ago

    Hi,
    I know this is probably easily fixable but i’m not too good with html or css, I edited a the “Pixel” themes background/body in photoshop..
    It all went fine until i noticed once it was on my site the bottom half is just all Black.. I know the original “Pixel” theme is supposed to be like that but is there anyway to change that so my edited background shows over the whole page?
    Here is my site so you can see what i mean, http://www.bluraybonanzaonline.com

    Thanks In advance,
    Sean

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    16 years, 10 months ago

    Edit style.css and change:

    body {
background:#000000 url(images/bgbody.jpg) no-repeat center top;
font-family:trebuchet ms,arial,helvetica,sans-serif;
margin:0;
padding:0 0 15px;
text-align:center;
}

    to

    body {
background:#000000 url(images/bgbody.jpg) repeat-y center top;
font-family:trebuchet ms,arial,helvetica,sans-serif;
margin:0;
padding:0 0 15px;
text-align:center;
}
    Thread Starter millakilla

    (@millakilla)

    16 years, 10 months ago

    Thanks!
    Thats exactly what i was looking for but, As the header is part of the whole thing it repeats the header too.. http://www.bluraybonanza.com I’m not sure on how i would seperate the two.
    Hope you can help,

    Thanks

    esmi

    (@esmi)

    16 years, 10 months ago

    You’d need to split the single image into 2 separate images – 1 80 px high image for the header, the 2nd for the body. If you called the 2nd image bgbody.jpg, the the CSS above will still work.

    Call the 1st image header.jpg and upload it to your current theme’s images folder. Then change:

    #header {
height:80px;
margin:0;
padding:0;
}

    to

    #header {
background:url(images/header.jpg) no-repeat center top;
height:80px;
margin:0;
padding:0;
}

    in style.css. That should just about do it.

    Thread Starter millakilla

    (@millakilla)

    16 years, 10 months ago

    Thanks alot, I really appreciate it…
    One last thing, The categories bar repeats aswell… I’m guessing this is just the same (Seperate it from the body) but what would i change in style.css?
    Thanks (again)

    Thread Starter millakilla

    (@millakilla)

    16 years, 10 months ago

    Actually, I worked it out (Wasn’t that hard)..
    The only thing i need to know now is how would i change it so theres no breaks in the part where the posts are, I’m guessing its to do with the way its repeating… Not sure on how i would fix it though..

    esmi

    (@esmi)

    16 years, 10 months ago

    how would i change it so theres no breaks in the part where the posts are

    Sorry? I don’t follow you…

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Problem customising “Pixel” theme’ is closed to new replies.

Tags