Ive been look in the stylesheet and i dont know what code to edit and what to put so i an make all my layout boxes black color with white text. Anyone?
Ive been look in the stylesheet and i dont know what code to edit and what to put so i an make all my layout boxes black color with white text. Anyone?
lizar: the codes that you see in the style sheet that have 6 digits like:
FFFFFF or 939393, these are colors to your site. and by changing them one at a time and seeing what it does will help you figure out what each code does. This is how I learned. And once I found what "wrappers" line code does I copy and pasted it in word, to use as a reference.
If you find a color chart on the web and save it, you can use it for reference so you can design you colors on your page.
the very first paragraph of code will change your background I believe, just type in a different code like 636363 and see what it does. Check all my posts, people on here have helped me get started, like Ajeh, she is awesome for getting help.
Good luck.
[FONT=Comic Sans MS]Richard[/FONT]
[FONT=Comic Sans MS]Newer than a Newbie, looking for help always!![/FONT][FONT=Comic Sans MS][/FONT][FONT=Comic Sans MS]www.cosmickodiak.com/[/FONT]
OK, download this color picker
http://www.colorschemer.com/colorpix_info.php
Zoom around your site and when you find a color you need to change you copy that color and then go to the style sheet and find that color and change it to a color of your choice.
Black is #000000
By layout boxes I am assuming you mean sideboxes. IF this is the case look for;
/*sideboxes*/
in your css file and edit the color codes as described by 'SolarTrees'.
Here is an example of how I changed the heading background in the side box;
.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #191970; /*#abbbd3; Changed the color and commented out the origional color for reference */
/*background-image: url(../images/tile_back.gif);*/ /*Here I commented out the background image to let the new color show up*/
padding: 0.5em 0.2em;
}
That should point you in the right direction and offer some baby steps. I know the first time I attempted this I needed some baby steps to get the hang of it.
If you get the FireFox browser and the web developer tool kit (both free downloads), the tool kit will allow you to see the changes to the stylesheet on the fly. Once you've got something you're happy with, you can save it on your computer and then upload it to your website.