How to Edit/Change Colors in RN themes

Posted: Sat Feb 16, 2013 5:33 pm

I've figured out how to change header images, backgrounds and these types of things as its just a matter of replacing files and copying the dimensions, however, changing colors of sub-backgrounds and forum backgrounds and colors is VERY confusing. Is there a tutorial on this? Any tips?

-Thanx again!

registered · Posted: Sat Feb 16, 2013 7:00 pm

The colors are in the themes style.css. Some also have a forums.css file. You will also find $bgcolor variables in the theme.php.

Posted: Sun Feb 17, 2013 9:24 am

// END: Added in v2.40.00 - Mantis Issue 0001043

$bgcolor1 = '#4B288E';
$bgcolor2 = '#4B288E';
$bgcolor3 = '#4B288E';
$bgcolor4 = '#4B288E';
$textcolor1 = '#CCCCCC';
$textcolor2 = '#CCCCCC';

function themeheader() {

I was messing around with theme.php and tried changing background color from 330303 to what you see above to see if it would work...but no luck...I tried each one individually then all 1-4 at the same time & changing the fields doesn't do anything.

Is there a trick to this?

Posted: Sun Feb 17, 2013 9:32 am

The colors are set for some modules using the bgcolors, the style.css contains the other colors for the theme. Some images will also have to be changed. There is not one magic line to change. You will have to play around with the css and images to get the results you want.

Posted: Sun Feb 17, 2013 10:02 am

Ya your right in the syle.css i found this:

#themecontainer{background-color:#18103F}

do u know how I can change the code to make it semi transparent?

Posted: Sun Feb 17, 2013 11:03 am

If you want it semi transparent, try this:

[code]
#themecontainer{
background: rgb(24,16, 63) transparent;
background: rgba(24,16, 63, 0.5);
}
[code]

The first is for IE, the second one should cover all other browsers.

Posted: Sun Feb 17, 2013 1:16 pm

nuken wrote:

If you want it semi transparent, try this:

[code]
#themecontainer{
background: rgb(24,16, 63) transparent;
background: rgba(24,16, 63, 0.5);
}
[code]

The first is for IE, the second one should cover all other browsers.

haha it works! im so excited, i wonder if i can learn to do this type of thing at the tech school here in durham

Posted: Sun Feb 17, 2013 1:29 pm

There are plenty of resources online that can help.

http://www.w3schools.com/css/css_intro.asp
http://www.w3schools.com/css/
http://www.w3schools.com/php/default.asp
http://net.tutsplus.com/tutorials/php/the-best-way-to-learn-php/

Posted: Mon Feb 18, 2013 1:55 pm

Thanx for the help everything is coming along but I cant seem to find the fields that effect the color of the top menu background ( the background that is behind your selections..i did change the hover image though ). Also the back ground forums where you are typing a submission.

I ctrl F with the color codes to find the red color im looking to change but had no luck with those two zones. I'm thinking most of the forums are tied into the regular theme. BTW I'm editing CT_RN

Posted: Mon Feb 18, 2013 2:08 pm

hmm is the index file in the images the one for menu background? I'll goof with it and see what happens...the forums are darker so must be something else

Posted: Mon Feb 18, 2013 2:13 pm

I changed the index file color but it didnt' do anything

Posted: Mon Feb 18, 2013 5:24 pm

td.row2, : that line has the forum color Smile

only took me 4 hrs to find haha still looking for menuebackground though i'll be sure to post it when I find it

Posted: Mon Feb 18, 2013 6:08 pm

nukeNAV!!!

Posted: Tue Feb 19, 2013 12:17 pm

If you are using Firefox, install the developer plugin - you can used the web developer tool bar then to show you which CSS attributes a particular part of the web page is using when you click on it.