Different board...different color scheme?

[peejayhutt]

Sorry if this is covered somewhere, I just got frustrated looking for it.

Our forum had different color schemes on each individual board.  I'm just wondering what is the easiest way to accomplish that on v5?

[Brian]

It could be done with CSS (I imagine that's how you did it for your old forum), but you'd need to know which classes to change the colors of.

Was there anything specific you intended to change?

[peejayhutt]

Exactly. Basically if you're looking at this page, I want to change everything that is blue.

[peejayhutt]

Also, I would like the ability to change the logo in each board as well if you can help me our there too.  Thanks in advance.

[peejayhutt]

I don't know the proper protocol when a question drops down so I hope I'm not irritating anyone by bumping this.

[Brian]

I'm on a theme that I made for this forum, so what's blue for you probably isn't blue for me.

Can you provide me a screenshot of what you wish to change?

[peejayhutt]

I just want the ability to change the color scheme like I did with this on the old version:


<style type="text/css">
<!--
.catbg {background-image: url(http://i1232./ff369/Peejayhutt/Gold-1-1.png); background-repeat: repeat;}
-->
</style>

<style type="text/css">
<!--
.titlebg {background-image: url(http://i1232./ff369/Peejayhutt/Gold-1-4.png); background-repeat: repeat;}
-->
</style>

<style type="text/css">
<!--
.menubg {background-image: url(http://i1232./ff369/Peejayhutt/Gold-1-7.png); background-repeat: repeat;}
-->
</style>

[Brian]

.catbg and .titlebg have been replaced by .title-bar, while .menubg would be #navigation-menu.

[peejayhutt]

This is what I need help with.  I've put an arrow next to everything (I think) that I want to change the color of.



Whoever can help me with this will be my best friend.

Thanks in advance.

[Brian]

All of these are available for customization in Themes > Colors & Theme Creator and in Themes > Advanced Styles & CSS.

Borders
Themes > Colors & Theme Creator > Customize Theme Colors > Outside Borders

Title Bars
Themes > Colors & Theme Creator > Customize Theme Colors > Title Bars

Buttons
Themes > Advanced Styles & CSS > Body (Content) > Containers > Title Bars > Buttons

[peejayhutt]

Mar 19, 2013 10:08:36 GMT -8 Brian said:

All of these are available for customization in Themes > Colors & Theme Creator and in Themes > Advanced Styles & CSS.

Borders
Themes > Colors & Theme Creator > Customize Theme Colors > Outside Borders

Title Bars
Themes > Colors & Theme Creator > Customize Theme Colors > Title Bars

Buttons
Themes > Advanced Styles & CSS > Buttons

I'm looking to change these on individual boards.

[Brian]

You can place this in the Header of a specific board to change those particular elements.

<style type="text/css">
/* Title Bars */
.container > .title-bar {
    background-image: url(http://i1232./ff369/Peejayhutt/Gold-1-1.png);
    background-repeat: repeat;
}

/* Title Bar Buttons */
.container > .title-bar > .controls li a, .container > .title-bar > .controls li div {
    background-image: url(http://i1232./ff369/Peejayhutt/Gold-1-4.png);
    background-repeat: repeat;
}

/* Borders */
#news, #navigation-tree, .recent-threads-button, .container > .content {
    border-color: #000;
}
</style>

[peejayhutt]

Thanks. That works great. Need a couple more when you have time.  Need the buttons and border dividers.  Thanks in advance.

vi

[Brian]

The navigation tree's arrows aren't images, so they cannot be changed.

The pagination bar can be changed by going to Themes > Advanced Styles & CSS and changing the properties of Body (Content) > Action Bars.

[peejayhutt]

Mar 24, 2013 9:29:25 GMT -8 Brian said:

The navigation tree's arrows aren't images, so they cannot be changed.

The pagination bar can be changed by going to Themes > Advanced Styles & CSS and changing the properties of Body (Content) > Action Bars.

What about the page navigation buttons?