Artisteer skin - Editor Text barely visable

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.
4/19/2010 1:33:17 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Artisteer skin - Editor Text barely visable

To see this go to Administration/Sites.
Click on any blue button ? help link.  Then select the edit link to edit the help text.
The text is barely visable.

This is my problem.  I use the editors in my modules and using Artisteer skins, that text is now barely visable.  I know it's a setting in one of the Artisteer css files because this does not occur in non-artisteer skins.

I just don't know how to figure out which css setting is doing this?

Help!

4/19/2010 2:32:43 PM
Gravatar
Total Posts 18439

Re: Artisteer skin - Editor Text barely visable

I would look in the style.css file and copy anything in body{} that sets the color to body.pagebody {} in the style-artisteer-overides.css and then also in style-artisteer-oveerides.css add

body{ color: black; }

Hope it helps,

Joe

4/20/2010 2:48:21 PM
Gravatar
Total Posts 245
mojoPortal Community Expert

Re: Artisteer skin - Editor Text barely visable

Hi Joe  Thanks

Adding body{ color: black; } to  style-artisteer-overides.css fixed it.
Is this something you will add to style-artisteer-overides.css in the next build?

Couple of beer on the way.

4/22/2010 7:09:50 AM
Gravatar
Total Posts 18439

Re: Artisteer skin - Editor Text barely visable

Hi Rick,

Many thanks for the beers as always!

I've updated item 7 on the artisteer documentation to explain about this issue and how to solve it. It isn't needed for every design so I don't want to just make them all use black font in the editor and since they also need to add the original color to body.pagebody {} it is better to let it be one of the steps, since I have no way of knowing what color needs to be added there.

Best,

Joe

6/11/2010 2:52:42 PM
Gravatar
Total Posts 1

Re: Artisteer skin - Editor Text barely visable

I have updated the stye-aristeer-override.css and I can't seem to get the font color on the editors to show as black. I am still getting the font color for the style page. Help

6/12/2010 1:19:18 PM
Gravatar
Total Posts 18439

Re: Artisteer skin - Editor Text barely visable

Hi,

Make sure it is not a caching issue as discussed here:

http://www.mojoportal.com/skinning-overview.aspx

 

What you need to know before you start editing a skin

The first thing that most people stumble on is that they make a change to the css in a skin and they do not see any change in the browser. This is because the CSS is cached both on the server and in the browser by default for best performance on production sites. So the first thing you need to do is disable caching while you are working on the design. To do that, add these entries to your user.config file:

<add key="CacheCssOnServer" value="false" />
<add key="CacheCssInBrowser" value="false" />

After adding those settings you need to touch Web.config to make it reload settings because it does not automatically detect changes in user.config, but it does automatically detect changes in Web.config, so you just type a space in Web.config and save it. After making these changes you still may need to clear your browser cache one time.

When you are finished with your skin you should turn caching back on for best performance. Note that since visitors to your site may already have cached the old version of CSS, the easiest way to be sure all visitors will see the new changes in the skin is to copy the skin and give it a new name like yourskin_v2 and then set the site to use the new copy of the skin. Since the name of the skin changed, the path for the css also changes and this means all visitors will load the new CSS on their next visit because the caching is base don the url and this makes the url change.

Hope it helps,

Joe

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