Forum Pages have different color scheme from rest of site

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.

1/12/2011 10:58:10 PM

Phill

Total Posts 383

View Posts

Thanks Squire Dude

Forum Pages have different color scheme from rest of site

Hi,

I am seeing different color scheme on the Forum pages than that of the rest of the site. Where can I find the font, background color, etc settings (CSS) for the forum pages?

Thanks
Phill

1/13/2011 3:03:41 AM

Sadegh Samarian

Total Posts 51

View Posts

Share our knowledge,Take world in our hands.

Re: Forum Pages have different color scheme from rest of site

Hi Phill,

You can find these in Styleforum.css !

Best!

1/13/2011 10:47:56 AM

Joe Audette

Total Posts 18439

View Posts

Re: Forum Pages have different color scheme from rest of site

Most of the forum style is in the styleforum.css as Sadegh has said, but the colors for the row background may come from stylemojo.css (if using Artisteer skins) or style.css in other skins. These classes are the ones that control it:

.modulerow{ background-color:#EAEAEA; }
.modulealtrow { background-color: #eee;}

Hope it helps,

Joe

1/13/2011 11:21:30 AM

Phill

Total Posts 383

View Posts

Thanks Squire Dude

Re: Forum Pages have different color scheme from rest of site

Hi guys,

Thanks to both of you. I did find the settings for the forum pages in the styleforum.css and again but commented out in the style.css. But they are all background colors and not font colors!

I have 2 questions to create a solution...

Is there a method or setting that will allow me to inherit the color scheme from the Home Page? (Making the skin color common throughout the site.)
Can I just set the font-color= white? If so where? (don't mind the background colors its just that the font is very dark and hard to read.)

Thanks
Phill

PS
Do you know of a quick color picker tool where I can pick a color and get it's hex value?

1/13/2011 11:36:26 AM

Phill

Total Posts 383

View Posts

Thanks Squire Dude

Re: Forum Pages have different color scheme from rest of site

Hi guys,

Well I have answered one of my own questions... Don't you guys love that when we pull our heads out of the sand and find our own answers!

I found a rather neat "color picking" tool... ColorPic from Iconico.com It's a desk top tool that you can open and grab the color from an existing color (like a wand) or select from a multitude of views of color pallets... Hex, Rainbow, Hue, or Sliders and you are presented with the Hex or WebSnap codes.

Even though I still have not found the correct code (font-color or?) I was able to resolve it by picking better background colors.

Thanks guys
Phill

1/13/2011 12:07:11 PM

Jamie E

Total Posts 1203

View Posts

Help support mojoPortal!
Add-on modules

Re: Forum Pages have different color scheme from rest of site

You set the font color like this:

color:#FFF;

The styles are set via a fairly complex hierarchy. Certain selectors will override others, but if you want to "force" something to be applied, you can try placing !important after it, like this:

color#FFF !important;

You may want to read this fun and clever discussion of CSS selector specificity. I printed out the graphic and keep it by my desk for reference.

Jamie

1/14/2011 1:31:39 PM

Phill

Total Posts 383

View Posts

Thanks Squire Dude

Re: Forum Pages have different color scheme from rest of site

Hi guys,

Thanks to all of you for your great help and advice.

I have one more question regarding the Forum page CSS...

The styleforum.css changes the lowest level of skin... The opening pages do not seem to be affected by the changes in that file! Is there somewhere else I can change the skin for the upper levels of the forums?

Thanks
Phill

1/14/2011 2:53:30 PM

Joe Audette

Total Posts 18439

View Posts

Re: Forum Pages have different color scheme from rest of site

Hi Phil,

The Forum list uses the classes I mentioned

.modulerow{ background-color:#EAEAEA; }
.modulealtrow { background-color: #eee;}

you can override the colors in those classes.

Hope it helps,

1/14/2011 3:04:15 PM

Phill

Total Posts 383

View Posts

Thanks Squire Dude

Re: Forum Pages have different color scheme from rest of site

Hi Joe,

Which CSS file are those settings located in?

I checked the styleforum/style/style-artisteer-overrides and they are not in there?

Are these new rows I can add the the styleforum.css file?

Let me see if I can understand this....
When I open the 1st Forum page, with a list of available forums, that 1st page has different color schema than the Forum Item pages. The Forum Item pages I have been able to change using the styleforum.css.

Which CSS file do I go to to change the 1st (main) forum listing page?

OR do I add lines to the styleforum.css file?

Thanks
Phill

Its about time I bought you another beer? Guinness I hope?

1/14/2011 3:20:45 PM

Joe Audette

Total Posts 18439

View Posts

Re: Forum Pages have different color scheme from rest of site

Hi Phil,

Thanks for the beer!

If you look up at my first post on this thread I mentioned which file it is in, if using an Artisteer skin it is probably in stylemojo.css

Most of the forum style is in the styleforum.css as Sadegh has said, but the colors for the row background may come from stylemojo.css (if using Artisteer skins) or style.css in other skins. These classes are the ones that control it:

.modulerow{ background-color:#EAEAEA; }
.modulealtrow { background-color: #eee;}

You can put it in styleforum.css or move it there if you like, at one time in the past those were used in other places as well that is why they are not in styleforum.css, but these days I do think that the forum may be the only place those classes are used.

Best,

Joe

1/14/2011 3:52:19 PM

Joe Audette

Total Posts 18439

View Posts

Re: Forum Pages have different color scheme from rest of site

btw Phil, your site is looking pretty good! You've done well.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.