Contact Form Background...

This is an open forum for any mojoPortal topics that don't fall into the other categories.

This thread is closed to new posts. You must sign in to post in the forums.
5/16/2010 8:09:04 PM
Gravatar
Total Posts 165

Contact Form Background...

The Contact Form...

The site is:  http://test.soundogusa.com

It's working great now but for the Contact Form background color and font color.  I would like it to have a white background with black text, becuase I believe that would be easier for the web user to understand.

Please advise if you can.

Thanks,

Mark

5/17/2010 6:13:08 AM
Gravatar
Total Posts 18439

Re: Contact Form Background...

Hi Mark,

I guess you figured it out since I see white background and black text in your contact form

Best,

Joe

5/17/2010 8:19:51 AM
Gravatar
Total Posts 165

Re: Contact Form Background...

Hey Joe,

No sir...

I have tested in IE, Firefox and Chrome and all of them have black background with in the Message area.

So, I still need help.

Thanks,

Mark

5/17/2010 8:34:02 AM
Gravatar
Total Posts 18439

Re: Contact Form Background...

Hi Mark,

Sorry my bad, I checked using Firefox with NoScript so it wasn't loading the wysiwyg editor, wasn't paying close enough attention.

This is a very easy problem to solve and is discussed in step 7 of the Artisteer documentation.

The editor is trying to use the same css so that things look relatively close to what it will look like outside the editor, but these backgrounds muddy the waters a bit.

Basically what happens is that Artisteer is putting background and foreground color and/or images on the selector

body{}

in the style.css file

so the solution is to make it more specific,

  1. in layout.master add class="pagebody" on the body element if it is not already there.
  2. 2 harvest the colors and background images from the body{} selector in the style.css file
  3. paste them into .pagebody{} in style-artisteer-overrides.css
  4. then in style-artisteer-overrides.css add body{ color:black; background-color:white; }

this way the colors remain in content because of the pagebody class, but since the editor does not have that class on the body element it removes the colors and background inside theeditor.

Many thanks for the beers!

Cheers,

Joe

5/17/2010 8:38:43 AM
Gravatar
Total Posts 165

Re: Contact Form Background...

Hey Joe,

Thanks for the details and your welcome on the beers... Please enjoy them. 

As for the body and pagebody, I did that.  Did not fix it.

5/17/2010 8:49:57 AM
Gravatar
Total Posts 18439

Re: Contact Form Background...

When working on skin changes you need to disable the server caching and browser caching of the css as described here, then you need to clear your browser cache at a least once. Once you are finished you should re-enable both server and browser caching. Then there is still the problem of other visitors to your site may still have the old css in their browser cache and you have no way to clear their cache. So the solution when you are completely finished tweaking the design is to create a new skin folder yourskin_v2, copy the skin files into it then change the site to use the new named skin. Since the url for the css will be different then all visitors will see the new css since they don't have the new css url in the cache. So each time you revise your skin give it a new version like yourskin_v3, v4 and so on over time whenever new css changes are introduced.

Hope it helps,

Joe

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