[Plugin] Multicolored Categories

[Brian]

Jul 27, 2014 9:57:12 GMT -8 isle said:

Hello Brian - I just made the other title bars have a background with the fixed position and now it is affecting the multicoloured categories too: link 
Is there anyway to make the images in the category title bars scroll with the page but have the other title bars fixed?

Thanks
-Isle

If you want just the category title bars to scroll you can add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

.boards > .title-bar { background-attachment: scroll; }

[isle]

Nice one, thank you so much! (:

[rogcar75]

I have installed the Multicolored categories plugin, and for some reason only 2 of the category containers is showing the colors they have selected in the plugin, Probably something simple, but i can't find it, lol

Here is the site link:
rgtestsite.freeforums.net/

Help is greatly appreciated.
Thanks Rog

[Brian]

Aug 4, 2014 7:29:05 GMT -8 rogcar75 said:

I have installed the Multicolored categories plugin, and for some reason only 2 of the category containers is showing the colors they have selected in the plugin, Probably something simple, but i can't find it, lol

Here is the site link:
rgtestsite.freeforums.net/

Help is greatly appreciated.
Thanks Rog

Your category names have spaces after them in Structure > Categories & Boards. You'll need to remove those excess spaces to make them work.

[rogcar75]

Thanks Brian for your time, that fixed the silly problem.
Rog

[BeckyLu]

Jul 23, 2014 8:19:09 GMT -8 Brian said:

Jul 16, 2014 22:22:35 GMT -8 BeckyLu said:

Is there a way to keep the shoutbox the default color instead of it taking on the color of the category you may be looking at?   thanks!

You'd need to edit your theme's style sheet to tell the shoutbox title bar to always use the default title bar background.

Add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet on the theme you want it done on.

.shoutbox > .title-bar { background-color:[font color="e61942"][font color="e61942"][font color="e61942"][/font][/font][/font] @title_bar_background_color; background-image: @title_bar_background_image; border: @title_bar_border; }

As for the private/public area question, so long as the public boards are in one category and the private boards are in another category you can use this plugin to color each of those categories a different color. 

The private boards are in a different category, so they do take on a different color (yeah!), but the shoutbox, which is public, shows up at the bottom with the titlebar  color as the private color - very confusing to some of our members. :/

Brian, I didn't see you responded to my question, so sorry for the delay.  I put the coding in the style sheet as instructed, saved changes, but the shoutbox titlebar still takes on the color of the category.  As I said, I'm not a coder, but shouldnt a color be inserted in the coding above, something like this?: @title_bar_background_color 1979e6;

I've tried doing this myself and nothing I have tried is working.  Obviously I don't know what I'm doing, so thank you again for your help.

Jul 19, 2014 18:23:05 GMT -8 Apple said:

Is this supposed to only work in the home page or am I missing something? cause when I go to a board the title bar is the same as the rest.

It should work inside boards if you have the inherit option turned on in the plugin settings. Note that your category's name and display name must also be the same in Structure > Categories & Boards.

[Brian]

Aug 7, 2014 8:57:15 GMT -8 BeckyLu said:

Brian, I didn't see you responded to my question, so sorry for the delay.  I put the coding in the style sheet as instructed, saved changes, but the shoutbox titlebar still takes on the color of the category.  As I said, I'm not a coder, but shouldnt a color be inserted in the coding above, something like this?: @title_bar_background_color 1979e6;

I've tried doing this myself and nothing I have tried is working.  Obviously I don't know what I'm doing, so thank you again for your help.

The style sheets on ProBoards use a thing called "Less CSS" which allows you to declare @variables within the style sheet that can be used as placeholders for values. That way if you need to use the same color or value in multiple places you can change them all in one go by editing the value of the variable itself instead of having to go through the entire style sheet and edit every single property individually. It's really useful for themes with a consistent color scheme. In this particular case I used existing variables from your theme that were used to define your regular title bar colors.

Anyways, if the previous CSS didn't work then it's likely that it needs !important labels on it to prioritize it over the CSS the plugin is adding.

.shoutbox > .title-bar { background-color: @title_bar_background_color !important; background-image: @title_bar_background_image !important; border: @title_bar_border !important; }

[BeckyLu]

Aug 7, 2014 9:06:16 GMT -8 Brian said:

Aug 7, 2014 8:57:15 GMT -8 BeckyLu said:

Brian, I didn't see you responded to my question, so sorry for the delay.  I put the coding in the style sheet as instructed, saved changes, but the shoutbox titlebar still takes on the color of the category.  As I said, I'm not a coder, but shouldnt a color be inserted in the coding above, something like this?: @title_bar_background_color 1979e6;

I've tried doing this myself and nothing I have tried is working.  Obviously I don't know what I'm doing, so thank you again for your help.

The style sheets on ProBoards use a thing called "Less CSS" which allows you to declare @variables within the style sheet that can be used as placeholders for values. That way if you need to use the same color or value in multiple places you can change them all in one go by editing the value of the variable itself instead of having to go through the entire style sheet and edit every single property individually. It's really useful for themes with a consistent color scheme. In this particular case I used existing variables from your theme that were used to define your regular title bar colors.

Anyways, if the previous CSS didn't work then it's likely that it needs !important labels on it to prioritize it over the CSS the plugin is adding.

.shoutbox > .title-bar { background-color: @title_bar_background_color !important; background-image: @title_bar_background_image !important; border: @title_bar_border !important; }

thanks for the quick response! I added !important - in the preview box, it DOES change the color back to the default blue (yeah!), but it doesn't change it in the real world.  (yes, I clicked "save changes" )

[Brian]

BeckyLu, try changing .shoutbox to .container.shoutbox in the code. I believe that'll ensure it takes priority.

[BeckyLu]

Aug 7, 2014 9:32:33 GMT -8 Brian said:

BeckyLu, try changing .shoutbox to .container.shoutbox in the code. I believe that'll ensure it takes priority.

  YESSSSS!    That DID it Brian, thank you sooooooooo much!  HAPPY DANCE!! 

[justjaaayy]

For some reason, it's only working when I click on a board and isn't working on the homepage? Is this a simple fix, since I've followed the instructions correctly, I think.





Any ideas?

[Brian]

What's the link to your forum, justjaaayy?

[justjaaayy]

stronkteam.freeforums.net/

[Brian]

Sept 1, 2014 6:17:14 GMT -8 justjaaayy said:

stronkteam.freeforums.net/

Go to Themes > Layout Templates > Home and find this:

<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2>

</div>

Get rid of the excess line breaks and spaces before the last </div> so it looks like this:

<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>

Once that's done it should start working. I'll have to make a note to fix that in the plugin.

[justjaaayy]

Sept 2, 2014 9:50:58 GMT -8 Brian said:

Sept 1, 2014 6:17:14 GMT -8 justjaaayy said:

stronkteam.freeforums.net/

Go to Themes > Layout Templates > Home and find this:

<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2>

</div>

Get rid of the excess line breaks and spaces before the last </div> so it looks like this:

<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>

Once that's done it should start working. I'll have to make a note to fix that in the plugin.

Thank you so much! Don't think I'd of figured this out on my own!