• Hello,

    I want to have my footer like this one:

    http://www.newengland1.com/

    I’ve looked at the source code through the “page source” option but I just cannot seem to figure out how to make the footer stretch across the whole bottom like that site. I’m using the same theme.

Viewing 15 replies - 1 through 15 (of 17 total)
  • Comparing their CSS to yours is the first step:

    http://www.newengland1.com/wp-content/themes/green.css/style.css

    Thread Starter Markthedude

    (@markthedude)

    Thanks! I was able to get that far and change my CSS .footer coding to match theirs!

    The only issues I’m having now is that the changes are not taking affect.

    Short story:

    Any files .php and/or CSS that I make changes to via the wp admin area do not take affect. I have to go into my core files via FTP and edit them in Dreamweaver them re-upload them. I do not know why this is happening, I have multiple websites and have never experienced this problem.

    Any ideas on how I can edit the CSS file without going through the admin area? The css file I have on my computer has barely any coding so I don’t think that I can do it that way…

    Do you have a file manager in your hosting control panel (where you setup databases, etc)? If so, you can see if the changes are saved there. Just browse through to wp-content\themes and your theme and you could probably edit them there or at least see if the changes in WordPress are saving properly.

    Thread Starter Markthedude

    (@markthedude)

    Are you talking about my server? I know how to access MYSql database information via my cpanel..

    Or are you talking about my FTP where I get access to all my files?

    Thread Starter Markthedude

    (@markthedude)

    I just re-red your comment. I have been making the changes via FTP and that’s the only way to make the changes, but you cannot edit a css file through the ftp method..

    First, reload your browser to see if the changes have taken effect.

    Best thing to do is stay away from a hosting file manager and Dreamweaver and use an FTP client – like Filezilla – to open and edit files with a plain text editor. You will be able to see mod dates on files in FileZilla, and a plain text editor is more fool-proof than something like Dreamweaver. Use BBEdit on OS X or any number of plain text editors for Windows: Text Editors « WordPress Codex.

    Edit: Configure FileZilla to use an external text editor. CSS files are just plain text files. Dreamweaver will try and make you think they aren’t, but they are.

    Thread Starter Markthedude

    (@markthedude)

    I did reload my browser and nothing happened. Viewed the site in another browser that I never use (IE) and nothing changed.

    I use Filezilla for my FTP client.

    The only reason that I’m using dreamweaver is because the only time changes are done to the site is when I download the files through Filezilla open them with DW then re-upload them via FileZila.

    I even used Notepad to open the css files but they do not look the same compared to when I view them though the admin area in wordpress.

    Do yourself a favor and use a better text editor that NotePad, one that can editor files directly either through Filezilla or one that has a built-in FTP client. With Filezilla, check your file permissions, too: Changing File Permissions « WordPress Codex; that may be why the file changes aren’t appearing.

    Thread Starter Markthedude

    (@markthedude)

    I bet that you are right about the file permissions. When I purchased this theme there were instructions to changes the permissions on what seemed like a hundred folders.

    I will recheck them.

    Thanks for sticking with me on this!

    Thread Starter Markthedude

    (@markthedude)

    While checking the file permissions I saw something interesting.

    There are 2 of the same theme folder installed! I had someone install the theme for me because I was too busy one day and some how they uploaded the main theme properly to the public_html folder but for some reason they installed the theme again with the theme folder already there!

    Now just need to know which folder to delete without deleting the site!

    Thread Starter Markthedude

    (@markthedude)

    Once I delete the duplicate files I will try to modify the CSS and see what happens and report back.

    Stay tuned, it’s going to be a bumpy ride with all this deleting!

    Look in Apperance>>Themes; that will tell you which theme is active and where the files are located. Rename one of the duplicate themes and that will make it easier….

    Thread Starter Markthedude

    (@markthedude)

    Got it, I can now edit the .php files through the main admin area (appearance > edit) area.

    Weather or not changes to the CSS file works yet I do not know as I don’t know how to test it.

    But now I’m back to the main reason for this thread.

    I want my footer to look just like that other guys site.

    I’m using the firebug addon for firefox and so I can see some code but I do not know where to go from there:

    I just clicked on the giant green area at the bottom to see if that would work and here is the code that I get:

    html, body {
    height:100%;
    }
    body {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    color:#666666;
    font-family:'Verdana','Trebuchet MS','Arial',sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
    }

    The only thing that I find weird is that I’m tested the color codes that are in this code and none of them are green :/ so I don’t really know where to go from here…

    Thread Starter Markthedude

    (@markthedude)

    Please post all answers in my other thread where all my codes have been pasted:

    http://wordpress.org/support/topic/337253

    Back up. You said you were alreaady able to change the CSS so your footer looks like you want. Firebug is very useful to see what’s happening, but go back and swap in the CSS file you said already worked and then go from there.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Modify footer: Have it strech across the whole page. Example given’ is closed to new replies.