WordPress.org

Ready to get started?Download WordPress

Forums

Unsleepable / K2 Theme - 2 Questions (20 posts)

  1. yochito
    Member
    Posted 7 years ago #

    Hello there!

    Maybe someone is using the Unsleepable Theme which is based on the K2 Theme. I have two questions:

    1. How can I change the background from grey to an image (ie. bg.jpg)?

    2. How can I show more posts on the main page. Currently it shows only the last 10 post, but I would like to show more.

    Thanks a lot
    Yours,
    Rene

    http://www.yochitosway.de

  2. niceric
    Member
    Posted 7 years ago #

    yochito,
    You can change the Unsleepable background colour by replacing the body_bg.gif.

    You can change the number of posts display on your main page under wordpress menu. Go to Option -> Reading, change the post you want to disply.

    Hope this helps.

  3. yochito
    Member
    Posted 7 years ago #

    Thanks so far. The bumber of post display works but...

    Where is the body_bg.gif? Seriously I don't find it nor do I find a reference in the php files!?

    Yours,
    Rene

  4. pb6501
    Member
    Posted 7 years ago #

    it should be in your theme --> images folder

  5. yochito
    Member
    Posted 7 years ago #

    Seriously it is not my Unsleepable folder.

  6. yochito
    Member
    Posted 7 years ago #

    I think the problem here is that in my version of Unsleepable background is done by a css tag - otherwise I don't know what's going on.

    Anyone any ideas?

  7. Bricolou
    Member
    Posted 7 years ago #

    In my version, the background is just a colour #ccc so you should be able to change it quite easily.
    body {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 11px !important;
    background: #ccc url('images/top-bg.gif') repeat-x top left;
    text-align: center;
    margin: 0px;
    }

  8. niceric
    Member
    Posted 7 years ago #

    Hi Rene,

    Sorry for the confusion, I was looking at Ben's original unsleepable (cause I just happen to read his post at the time)while trying to solve your problems, what a silly mistake.

    Okie, replace the #ccc to your desire colour will change the background colour. Alternatively, if you wish to use an image, just replace the top-bg.gif (of course, position accordingly). I don't think it will affect the header colour as the header background is already in #333.

  9. yochito
    Member
    Posted 7 years ago #

    Thanks, that helped a bit, but doesn't the top-bg.gif just change the color of the top bar?

    I still wonder how the whole grey background can be changed?

  10. moshu
    Member
    Posted 7 years ago #

    Read again the replies you've got. They told you TWICE to change the #ccc in the body.

  11. yochito
    Member
    Posted 7 years ago #

    Exactly, if I change the top-bg.gif:

    "background: #ccc url('images/top-bg.gif')"

    to something else or if I just replace the gif file than only to top bar is replaced! Or do I have to change the position than?

    "repeat-x top left;"

  12. yochito
    Member
    Posted 7 years ago #

    Ok here is what I tried now:

    I have replaced the #ccc with a #fff and the background changed from grey to white. So far so good - just as you said, but again if I replace the top-bg.gif (which is a black color accordingly to the black header bar) than only the header bar is changed and the background is still grey.

  13. moshu
    Member
    Posted 7 years ago #

    I am looking at your stylesheet... and nothing is changed:
    background: #ccc url('images/top-bg.gif') repeat-x top left;

  14. yochito
    Member
    Posted 7 years ago #

    I changed it back because it is not what I wanted but I do it again for you. Just open my website: http://www.yochitosway.de

    The image you see in the header is the image I would like to have instead of the grey background. I have just changed the top-bg.gif to top-bg3.gif.

  15. yochito
    Member
    Posted 7 years ago #

    Maybe you have to delete your cache to see the change.

  16. Bricolou
    Member
    Posted 7 years ago #

    If you take out url('images/top-bg.gif') repeat-x top left from the body css, the black top menu will remain. You can then change the background color on the sides as you seem to have found.
    If you want to use a stretchable background image or a tile just put it in the images folder and stipulate it in the code instead of "top-bg.gif". To get it scrolling you'll find info on repeat commands here: http://www.w3schools.com/css/css_background.asp

  17. yochito
    Member
    Posted 7 years ago #

    Maybe I don't explain exactly what I like to do or no one understands what I want but if I just delete the "url('images/top-bg.gif')...." than the black bar at the top is only in the middle, but I want to keep it the way it is (meaning: over the whole page).

    Sure I can try to add:
    "background-image: url(....)..." but this one is not shwon on the site.

    Again the light grey background to the right and left should be replaced with the new background image - not the back bar at the top!

    And again thanks for the help so far, that is really nice of you, though I am a bit frustrated that it doesn't work :( .

  18. Bricolou
    Member
    Posted 7 years ago #

    I don't think you can stipulate two background images. The only workaround I can think of is to elongate top-bg.gif to include some sort of graphics under the black. Or perhaps you could stipulate a black background and position your image to start scrolling where the black stops. But I'm afraid my CSS isn't good enough to tell you how to do it.

  19. niceric
    Member
    Posted 7 years ago #

    I see what you mean now.

    I've actually tried to tweak on the unsleepable theme to suit what you want.

    Unfortunately, you can't place an image on the background with just a few simple tweak, it will affect the header, just like what you said, the black thick border wont run through the entire top. However, you can still change the background colour by replacing #ccc to your desire colour.

    I also tried to replace the order of <div>header and <div>page in header.php, and change the width of header to 100%, this is what I get -> http://niceric.com/simplicity/ , but by doing so, you will be able to add background image with the top black thick border still run through the entire page.

    Changing CSS to your own taste can be frustrating, but also very rewarding.

  20. yochito
    Member
    Posted 7 years ago #

    Thanks thats what I was looking for. I gonna try it this way and otherwise I have to stick with the grey background.

    Cheers!
    Rene

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags