Category & button recoloring

by AdorkableFairy October 31st 2016, 3:03 am

I'm using someone else's template for the forum and I like the style of the category (row) headers. I just want to change the colors.

I also want to keep the same style of buttons for new topic, online, etc though different colors.

I don't want someone else to do this for me because I want to do it myself.

Here's 2 screenshots
https://i.servimg.com/u/f97/18/52/91/38/2016-114.png AND https://i.servimg.com/u/f97/18/52/91/38/2016-115.png

forum link (just in case): HERE

Thanks Smile

by Ace 1 October 31st 2016, 11:51 am

Basically you want to change anywhere you see the color purple to another color of your choice?

And you can't change the color of the buttons. But I'm sure someone will help you if you submit a graphic request.

by AdorkableFairy October 31st 2016, 5:50 pm

I don't want to make a graphic request because I want to do it myself.

by Ace 1 October 31st 2016, 5:52 pm

Ace 1 wrote:Basically you want to change anywhere you see the color purple to another color of your choice?

by AdorkableFairy October 31st 2016, 5:56 pm

Yes. I want to change all of the purple since that doesn't match the color scheme that I will be using.

by Ace 1 October 31st 2016, 6:05 pm

Administration Panel > Display > Colors > CSS Stylesheet

Add this at the top:

Code:: .headerbar { background-color: #A00; box-shadow: 0 12px 6px #F00 inset; } .forabg, .forumbg, #chatbox_header { background-color: #A00; box-shadow: 0 10px 6px #F00 inset; } .panel, .chatbox, #chatbox > p { background-color: #FCC; } #cp-main .panel, #tabs a { background-color: #FDE; } li.row { background-color: #FDE; border: 1px solid #C99; } li.row dd { border-left: 1px solid #C99; } #tabs .activetab a { background-color: #FCC; border-bottom-color: #FCC; }

This is a red color scheme. If you want me to change it, just ask. Or change these values to the colors you want:

Code:: #A00

- Normal shade

Code:: #F00

- Bright shade

Code:: #FCC

- Light shade

Code:: #FDE

- Very light shade

Code:: #C99

- Grayish shade

by AdorkableFairy October 31st 2016, 6:11 pm

Thank you

I will try this later today!!

by Ace 1 October 31st 2016, 6:14 pm

No probs. Let me know how it works out.

by AdorkableFairy October 31st 2016, 10:45 pm

Okay the code works Smile

got the main portion just like I want it. Now the issue seems to be the bottom bar where you enter text. is there a way to fix that too?

https://i.servimg.com/u/f97/18/52/91/38/2016-116.png