Where do I locate the appropriate code?

Hello,

I am trying to add a custom background image to my website http://www.twitdunk.com, which uses the Nelo Theme. I have used Mozilla Firebug to help view the code and I see that there are two instances of the body {background...} tag being found: 1) in line 65 of my style.css file, and 2) line 21 of http://www.TwitDunk.com . I have changed the background CSS in the style.css form and the changes are not taking place on the live site.

When I use FireBug to comment out the CSS from the http://www.TwitDunk.com, the website shows the background image I want to appear. Unfortunately, FireBug doesn't allow me to comment out this code permanently... when I refresh my homepage, the changes disappear. The other instance of body {background...} must be found somewhere else and overrides any changes I am making in the style.css file. I cannot seem to find it after searching through the theme files for nearly 3 days.

Also, when I try to add a background image using the Theme Options in the Admin Dashboard, nothing ever happens to the live site.

Can anyone point me to the right file where I can manually edit the background CSS so my background image becomes visible permanently?

*** Please note, I have searched through the forums and found only one related post:
https://premium.wpmudev.org/forums/topic/editing-a-themes-html#post-84484
Unfortunately, I could not seem to use this information to solve my particular situation with this theme.

Thanks for your time and help,
YoungMoney

  • Philip John

    Hiya!

    Unfortunately, FireBug doesn't allow me to comment out this code permanently

    Firebug doesn't edit your files, you will need to make that same change again within the theme files if you want to make that change permanently.

    I cannot seem to find it after searching through the theme files for nearly 3 days.

    Firebug will be telling you what file and what line that is on, you just need to open that up and make the required edit.

    Also, when I try to add a background image using the Theme Options in the Admin Dashboard, nothing ever happens to the live site.

    What is the image you are trying to add as your background?

    Phil

  • Mr. Busy

    Phil,

    Thanks for taking the time to respond. I am aware that FireBug does not allow me to actually change my files. I just use it to help view the code, etc. When I have gone in to edit my style.css file, I have not seen the changes take place on the live website after I save the changes and refresh the website. For instance, in the style.css file, I have changed the background color to yellow. This, however, is not seen on my live website at http://www.twitdunk.com. When I look at my code in FireBug, I see my style.css background color is still set to yellow, but then I see another set of code above this stating that the background color should be #0176A2 (you can see this in the picture that I attach to this post).

    If the image is difficult to read, I have cut and pasted the code below and put it in bold:

    body {
    background: none no-repeat fixed left top #0176A2 !important;
    color: #1A1A1A !important;
    font-family: Qlassik Bold,Qlassik Medium,Trebuchet MS,Tahoma,Arial !important;
    }
    http://www.twitdunk.com (line 21)

    body {
    background-color: yellow !important;
    color: #1A1A1A;
    font: 100% Helvetica,Arial,Tahoma;
    margin: 0;
    padding: 0;
    }
    style.css (line 65)

    I am looking for the file that is overriding my background color in my style.css file so that I can manually change it to show my background image. I have searched through the css and php files in my dashboard editor, but I can't find the code anywhere. Where is the code that is referenced in Line 21 from above?

    I will attach the image of my website with FireBug code displayed at the bottom and also an image that I want to be shown on my website background.

  • Mr. Busy

    That would be great... the problem is that I can't find that code anywhere in the files. I have gone through manually and extracted/ftp'd all php and css files files from the website onto my computer. Then I went through and searched all files for that section of code using both the Windows search function and Notepad++. I have literally gone through dozens of files over the past few days and none of the files are coming up with that section of code so I don't know where to go to change it. When the template was originally made, what file was that code originally placed in? Once I can locate the appropriate file, then changing it should be relatively simple.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.