[Plugin] Multicolored Categories

[Brian]

Sept 3, 2014 6:53:35 GMT -8 justjaaayy said:

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

Go to Themes > Layout Templates > Home and find this:
Get rid of the excess line breaks and spaces before the last </div> so it looks like this:
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! 

Don't worry about it. Like I said, entirely my fault because I swear I used to have a regular expression in the plugin to match category names that accounted for line breaks and extra spaces, but I guess I removed it at some point. I'll have to add it back in for the next revision.

[solarbronco]

Brian Ok, so I need some help please.  I can't get my top category FJ-09 General Forums to change color. The category under it will change just fine. I have it typed just the same but it will not change for me. Any Ideas?

The site is FJ09.org

[Brian]

Sept 14, 2014 9:44:51 GMT -8 solarbronco said:

Brian Ok, so I need some help please.  I can't get my top category FJ-09 General Forums to change color. The category under it will change just fine. I have it typed just the same but it will not change for me. Any Ideas?

The site is FJ09.org

If you go to Structure > Categories & Boards and edit that category you'll see that you have 2 spaces after FJ-09, while in your plugin you only have one. Both the names in the settings and the name in the plugin need to be exactly the same.

[solarbronco]

Wow, I thought it was spaced right. Thanks Brian!!

[BeckyLu]

Aug 7, 2014 11:29:22 GMT -8 BeckyLu said:

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!! 

Brian, I added a Twitter feed to the forum, as is explained here support.proboards.com/post/6012996/thread and it works great!   But I'm back to the problem as I was having with the Shoutbox taking on the category color instead of staying blue (my original problem).   I would like the Twitter feed title bar to stay blue (the default color) instead of taking on the category color.   

I thought if I put in "twitter-timeline" in place of "shoutbox" it would make the title bar of the twitter feed default to the theme color. no

Then I tried taking off the work container, no luck.  Put in data-widget-id instead of shoutbox, still no luck.  

What's the secret?    Thank you!

[Brian]

BeckyLu, go to Structure > Headers & Footers > Global Header & Footer and find this line in your Global Footer.

<center><div class="container">

Change it to this:

<center><div class="container" id="twitter-feed">

Then add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

.container#twitter-feed > .title-bar { background-color: @title_bar_background_color !important; background-image: @title_bar_background_image !important; border: @title_bar_border !important; }

[BeckyLu]

Sept 22, 2014 8:23:21 GMT -8 Brian said:

BeckyLu, go to Structure > Headers & Footers > Global Header & Footer and find this line in your Global Footer.

<center><div class="container">

Change it to this:

<center><div class="container" id="twitter-feed">

Then add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

.container#twitter-feed > .title-bar { background-color: @title_bar_background_color !important; background-image: @title_bar_background_image !important; border: @title_bar_border !important; }

WHOO-HOOO!!   You did it AGAIN Brian, you are the BEST!!!!    Thank you so much!!! 

[hannielebed]

This works for two categories but doesn't work for the other two. I don't have a clue why since it works for both the first and last category I happened to create but neither of the second or third category created.

jeremiahprinciples.proboards.com/

[Brian]

Dec 11, 2014 10:41:07 GMT -8 hannielebed said:

This works for two categories but doesn't work for the other two. I don't have a clue why since it works for both the first and last category I happened to create but neither of the second or third category created.

jeremiahprinciples.proboards.com/

Your category name and display name need to be the same. You can change these by editing your categories' settings in Structure > Categories & Boards.

The category names you type into the plugin also need to be exactly the same as what you entered.

[hannielebed]

They are exactly the same. I've retyped them a few times to make sure they are exactly the same.

[Brian]

Dec 11, 2014 11:24:59 GMT -8 hannielebed said:

They are exactly the same. I've retyped them a few times to make sure they are exactly the same.

Should be working now. I went in and changed the source code a bit.

You'll still need to change the last name in the plugin settings to match your last category.

[hannielebed]

Thank you. It's working now.

[leighlei]

Is there a way to increase the size of the category header? I have an image and it's super tiny.

[Brian]

Dec 16, 2014 13:31:31 GMT -8 leighlei said:

Is there a way to increase the size of the category header? I have an image and it's super tiny.

Increase the line height of your categories' title bars using CSS. You can place this at the bottom of Themes > Advanced Styles & CSS > Style Sheet to do so.

.boards > .title-bar h2 { line-height: 30px !important; }

Note that this will also increase them for the sub-boards container above the thread list if you have any sub-boards on your forum. There's a workaround for that, though.

[leighlei]

What's the workaround? <<