Jump to content
TNG Community

Changing my background color to white


thewillistree

Recommended Posts

thewillistree

I've noticed that on my home PC all my TNG pages look like they have a white background - which is what I want. However, when I'm viewing the site on my computer at the office the pages appear to have a slightly sand/buff/beige color background (for example, on http://www.thewillistree.me.uk/genealogy/links.php the <iframe> box for links has a white background, whilst the rest of the page has the sand-colored background.

Can some kind soul point me in the direction I need to go to change this color to white? I'm guessing its in one of the css files, but I'm no techie!

Link to comment
Share on other sites

I looks like you are using Template 5 on your site except for your home page. The rest of your site looks like it is using template 5's standard background color (#FAF4E6) with black text (#000000). If you want to change it to white background with black text, try adding something like the following to your mytngstyle.css file.

body {
    background-color : #FFFFFF;
    color : #000000;
}

Link to comment
Share on other sites

thewillistree

Thanks for that tip - I've added the code to the 'mytngstyle.css file. This has changed some of the 'white' area to #FFFFFF, although alot of the screen is still #FAF4E6.

Any other suggestions? Just to get the job finished?

Thanks!

I looks like you are using Template 5 on your site except for your home page. The rest of your site looks like it is using template 5's standard background color (#FAF4E6) with black text (#000000). If you want to change it to white background with black text, try adding something like the following to your mytngstyle.css file.

body {
    background-color : #FFFFFF;
    color : #000000;
}

Link to comment
Share on other sites

Martin J Mosley

Thanks for that tip - I've added the code to the 'mytngstyle.css file. This has changed some of the 'white' area to #FFFFFF, although alot of the screen is still #FAF4E6.

Any other suggestions? Just to get the job finished?

Thanks!

Paul,

Try looking in your genstyle.css (as apposed to thefile above) you may find that the same changes there will work. You'll need to note them though because they'll be overwritten with future updates.

Link to comment
Share on other sites

Thanks for that tip - I've added the code to the 'mytngstyle.css file. This has changed some of the 'white' area to #FFFFFF, although alot of the screen is still #FAF4E6.

Any other suggestions? Just to get the job finished?

Thanks!

Also add this to your mytngstyles.css file, and that will make all of your backgrounds white:

table {

background-color: #ffffff;

}

(tested and verified in FF 3.0.8, your mileage may vary with other browsers.)

Link to comment
Share on other sites

thewillistree

Thanks to all who have provided the solution(s) to my small queries! I found a very useful piece of free software called ColorPic which is great because on my screen I can't tell when something isn't quite white...

Thanks again!

Paul :o)

Also add this to your mytngstyles.css file, and that will make all of your backgrounds white:

table {

background-color: #ffffff;

}

(tested and verified in FF 3.0.8, your mileage may vary with other browsers.)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...