Color Coded Stylesheet Help
May 30, 2024, 02:29:14 am
Welcome, Guest. Please login or register.

Login with username, password and session length
  Home Help Search Arcade Gallery Links Staff List Calendar Members Login Register  

Stylesheet Help: How do I remove/change a background image?

Pages: [1]
Author Topic: Stylesheet Help: How do I remove/change a background image?  (Read 542 times)
simply sibyl
Posts: 35

View Profile
« on: March 22, 2007, 01:27:00 pm »

First off an excellent resource for background images here:   
Free Background Images
Holiday backgrounds can be found here:
Holiday Background Images

Okay so you install a stylesheet and you:

a.  Do not care for the background image in the style
b.  Do not want a background image
c.  Want to put your own background image in
d.  Want to put a Holiday background image in

Go to Manage Styles > Modify Style
Using the dropdown box choose the style you want to change the image in.
Click pick style button.
After the page reloads go all the way to the bottom of the page to where you can edit the css.

Look for the following section and put YOUR background image url in place of the one that is there.
Change background-color to a color of your choice.   This would be the color you want the background
to be should someone using your forum have graphics turned off in their browser.

If you do not want a background image at all:

Remove the background-image part of the code and change the background-color to reflect your color choice.

When done click MODIFY STYLE at the bottom of the page.    Refresh your browser to see the change.


/* The main body of the entire forum. */
background-color: #E6E6E6;
margin: 0px;
padding: 10px 30px 4px 30px;
background-image: url(;

Navigation Links

Keep in mind that if you remove the background you may not be able to see the navigation links that are just underneath the Home/Search/Profile/Arcade etc buttons.

Example:    There is a light colored background in the style.
                You remove the background and replace it with black or a dark background.
You can no longer see those nav links because they were black (or another dark color) so they would show up on the light background.

You can change those by looking again in the css  (see steps above to get there)

Look for:


/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
color: #000000;
text-decoration: none;
color: #1F3F81;
text-decoration: underline;

Change color:  under .nav, .nav:link, .nav:visited to the color you want the links to be
Change color:  under a.nav:hover to the color you want them to be when you hold your mouse over them
Report Spam   Logged

Share on Facebook Share on Twitter

Pages: [1]
Jump to:  

Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum
Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy