I want to change the color of my forum, I want it to be like the way this forum has it but a different blue. It is blue in the heading of threads and posts and white everywhere else. I checked the css files but dont know what to change.
My site is
http://etechforum.com/index.php
(2012-08-16, 10:14 PM)fjam Wrote: [ -> ]I want to change the color of my forum, I want it to be like the way this forum has it but a different blue. It is blue in the heading of threads and posts and white everywhere else. I checked the css files but dont know what to change.
My site is http://etechforum.com/index.php
Hey buddy
Here are some basic things to change.
You can make these changes in Admin Control Panel > Templates and Style > Your Theme > Global.css. You can find the code blocks by pressing Ctrl+F in your browser, then search the classes. Like .thead
First change
.thead {
color: white;
}
to
.thead {
background: #026CB1;
color: white;
}
That's a nice, basic edit. Next change
.tcat {
background: #666 url(images/fusionb/tcat_bg.gif) top left repeat-x;
color: #CACACA;
font-size: 12px;
}
to
.tcat {
background: #ADCBE7;
color: black;
font-size: 12px;
}
Those are two basics, i would also suggest
.tfoot {
background: #666 url;
color: #EFEFEF;
}
to
.tfoot {
background: #026CB1;
color: white;
}
Those are the basics.
am i supposed to change it in the global.css file, or all of them?
(2012-08-16, 10:49 PM)fjam Wrote: [ -> ]am i supposed to change it in the global.css file, or all of them?
Global.css, like i said in the op
next to my background there is a url:
background: #ADCBE7 url(images/fusionb/tcat_bg.gif) top left repeat-x;
do i leave that alone or erase it?
(2012-08-16, 10:58 PM)fjam Wrote: [ -> ]next to my background there is a url:
background: #ADCBE7 url(images/fusionb/tcat_bg.gif) top left repeat-x;
do i leave that alone or erase it?
Change
background: #ADCBE7 url(images/fusionb/tcat_bg.gif) top left repeat-x;
to
background: #ADCBE7;
oh ok got it working, thanks. btw do you know how to change the color of the words?
(2012-08-16, 11:07 PM)fjam Wrote: [ -> ]oh ok got it working, thanks. btw do you know how to change the color of the words?
No problem!
And for links, you need to make multiple edits
Anywhere the
color: #example;
is used, you'd need to change that to
color: #yourcolor;
For links, these three blocks are the code you need.
a:link {
color: #026CB1;
text-decoration: none;
}
a:visited {
color: #026CB1;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
a:link = Any link
a:visited = Links you've visited
a:hover, a:active = When you mouseover the link
You can find color codes by using something like
this if you are not sure how to find the right colors.
(2012-08-16, 11:22 PM)fjam Wrote: [ -> ]thanks for all the help
No problem, let me know if you need any more help