adding a FREE background to a theme on word press

  • Author
  • #432140

    OK Really this is the one…….<div style=”position:fixed;top:50px;left:0;background:#fff url(‘’);width:100%;height:100%;z-index:-1000;”></div>

    but from this….I did this to get rid of the feeds and not there is just a white box on the top right? how do i get rid of that? should i do back ground transparent?
    The header includes links to RSS feeds. You can hide them by putting this in a text widget (see here for explanation):

    <div align=”center” style=”width:100%;top:12px;left:0;position:absolute;”>
    <div style=”position:relative;left:210px;width:340px;height:44px;background-color:#fff;”>

    Widget content in MistyLook is displayed in a grey background, so if you paste the above code alone in a text widget, you’ll hide the RSS feeds alright but you’ll have an empty grey rectangle in the sidebar. Either paste the code in a text widget that includes other stuff too, or drag the text widget below all other widgets and add this code to mask the grey rectangle:

    <div style=”width:200px;height:30px;background-color:#fff;margin:-10px;”>


    so I did 50 because yes the tabs get lost…..


    so with the feed erase code.. i can`t find a color that will mask it. it is set to transparent but that is not working…

    <div align=”center” style=”width:100%;top:5px;left:5px;position:absolute;”>
    <div style=”position:relative;left:150px;width:450px;height:25px;”>

    <div style=”width:200px;height:30px;background-color:transparent;margin:-10px;”>

    any ideas.. this is all i want to fix but maybe it is impossible..


    OK, if you look here, , you will see the background going all the way to the top and it does not cause any of the tabs to disappear or anything. The following is the code in the text widget on my test blog.

    <div style="position:fixed;top:0;left:0;background:#fff url('');width:100%;height:100%;z-index:-1000;"></div>


    White box top right? That’s the whole idea of the trick you copied from my post: masking the RSS feed links with a white box, because your main column is supposed to be white too. Aren’t you seeing white as the background to your posts and all around your header image? What are you seeing?

    PS1 The numbers in my code probably need changing in your case, because you have hidden the standard blog title and tagline.
    PS2 What browser and version are you using?


    @richard: top:0 gives a perfectly normal bg in my test blog too – no hiding tabs, no nothing. (With the outrageously high z number you have suggested, I don’t see how the bg image could hide anything.)


    this is what I am seeing. …….<div style=”position:fixed;top:50px;left:0;background:#fff url(‘’);width:100%;height:100%;z-index:-1000;”></div>

    but when i do scroll down yes I see white above the header… when it scrolls above the back ground image…

    i have windows 98?


    @richard take 2: Checked the damned thing with several browsers, and now I’m beginning to understand. The bg image works as it should in my Firefox, Safari and Opera, but in IE (what a surprise…) it shows up over instead of under the main column bg etc. In Flock it’s even worse: over the post text too!


    @freetosing: I asked about your browser, not your operating system (but now I can bet it’s Explorer). Well, apparently this hack doesn’t work well with all browsers. Unless thesacredpath has another ace up his sleeve, you’d better forget the whole business.


    yeah so it covers it, instead of being behind it…

    sorry for being a pain. i thouhgt this would be an easy thing to do..


    You’re not a pain, Explorer is a pain… There was difficulty communicating because we were checking your blog with different browsers (more decent ones!), so we couldn’t see what you were describing.


    well thanks for trying, sorry not to mention the explorer part.

    tobad wordpress does not offer backgrounds for free… i mean even freewebs does.. but they have adds that are in the way.



    MS is so stupid. There are so many web standards that they simply decide they are not going to support, and that really screws things up.

    My vote as a web developer is to design to the web standards as set by all the standards organizations and just tell MS to either get on board or get out of the browser business all together. They are nothing but a headache.


    As far as I know though, the text widget trick with the background works fine with IE. It might just be that with Mistylook it does not.

    Opera has come a long way, but they are still an issue with some things, and with their very low browser share, I simply don’t worry too much about them.

    If you are using Windows 98, then you are on IE6, which is over 9 years old, and the web has simply left it behind – not to mention that it is a very high security risk. Get Firefox, or some other browser.


    I will look into it. I am done for right now….



    @TSP and Panos
    Firefox 3 does not work on Windows 98. This is because it requires some operating system features that are not present in Windows 98. The system requirements only work for Microsoft Windows 2000, Windows XP or Windows Vista.


    They can use FF 2.something, which does work with 98, but soon it will be getting left behind as well. I’m not sure if there are any current issues with FF 2 and wordpress, but I would suggest making the switch anyway.

    The thing is, they need to update to XP if they can – and can find a copy of it to buy somewhere. 98 within a year is going to be pretty much worthless when it comes to the web and such.



    On upgrading the windows 98 OS ASAP – Agreed 100%
    I found a source for Firefox 2
    The original release and installation instructions are here


    sorry i have windows xp Not 98.

    so then I should get firefox? since i do have xp?



    That’s good news. Here’s the link to the release notes & installation instructions
    Here’s the download link for Firefox 3.5.6

The topic ‘adding a FREE background to a theme on word press’ is closed to new replies.