Background Color of Modules?

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.
7/26/2010 8:52:03 PM
Gravatar
Total Posts 39

Background Color of Modules?

I would like to change the background color of modules, whether it be while editing some content using the HTML module; editing content under the content section in the Administration panel or any other module. . . Could someone point me in the right direction please?

Thank you,

~D

7/27/2010 3:12:08 PM
Gravatar
Total Posts 2188

Re: Background Color of Modules?

Hi,

The background color of the WYSIWYG editors is controlled by the body selector in your CSS. The catch here is that setting the background-color in the body selector, sets it for your entire site. If you want your actual site background-color to be different than the background color of the WYSIWYG editors, set your desired background-color in the pagebody selector.

Example CSS:

body{background-color: blue;color: white;} /* This is for the WYSIWYG background color */

.pagebody{background-color: white; color: black;} /* This is for the site background color */

HTH,
Joe D.

7/27/2010 4:52:49 PM
Gravatar
Total Posts 39

Re: Background Color of Modules?

That doesn't seem to be working. . . and I have caching turned off.

I would like ALL modules to have a white background. . . Even the login module.

Thank you,

~D

7/27/2010 9:01:13 PM
Gravatar
Total Posts 2188

Re: Background Color of Modules?

Okay, I think we may need to clarify some things. I think you are calling any type of data input a module, which isn't the case. Modules are things like the Blog, Forum, Event Calendar, HTML Content Module.

By default, all input fields have a white background. But, if you are using an Artisteer skin, you may have differently colored input fields. In this case, you need to copy any form element (input, select) in the style.css to the style-artisteer-overrides.css file. Once there you need to add "background-color: white;" to the form element selectors.

If you aren't using an Artisteer skin, just find any form element selector in your style.css and change the background-color to white.

HTH,
Joe

7/29/2010 9:41:00 PM
Gravatar
Total Posts 39

Re: Background Color of Modules?

So, by doing this, this would change the background from Transparent to white (or whatever color I want) in the Administration sections?

Also, how would I go about changing the default colors of the tab controls in the Administration sections?

Thank you kindly,

~D

7/29/2010 10:02:50 PM
Gravatar
Total Posts 2188

Re: Background Color of Modules?

Hi,

The tab styles are controlled by the jQuery theme. Check out this page for info on changing the jQuery theme: http://www.mojoportal.com/styling-jquery-widgets.aspx.

HTH,
Joe D.

7/30/2010 7:35:01 AM
Gravatar
Total Posts 180
Thomas F. Heringer

Re: Background Color of Modules?

I am having the same problem in the editors and tried what was suggested here, but to no avail I still get a light purple text in stead of black on white. I have tried all kinds of things with no change being seen.

7/30/2010 8:57:47 AM
Gravatar
Total Posts 2188

Re: Background Color of Modules?

Hello,

Can either of you post a link to your site? It would be a lot easier to solve this if I could see it.

Thanks,
Joe D.

7/30/2010 9:04:02 AM
Gravatar
Total Posts 39

Re: Background Color of Modules?

Hi Joe,

My site is not ready to go live yet. But the weird thing is this: the HTML editor now has a different background color other than white, which I do NOT remember changing. It seems like when I fix one thing - something else pops up. Very frustrating.

7/30/2010 9:08:36 AM
Gravatar
Total Posts 39

Re: Background Color of Modules?

What I would LOVE to know is: how on earth do you change the speed and transition effects for the slide show. I put a slideshow in the header of the layout.master and no matter what I do, it stays the same. And I do NOT have caching turned on for CSS.

7/30/2010 12:15:34 PM
Gravatar
Total Posts 180
Thomas F. Heringer

Re: Background Color of Modules?

It seems like most of my problem is that the font color and a white back ground do not mix. I need to be able to change one or the other. Here is a link to the Forum. http://www.whybaptist.com/Forums/Thread.aspx?pageid=269&mid=360&ItemID=15&thread=4

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