Cant get new font to work right

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/13/2013 4:49:53 PM
Gravatar
Total Posts 37

Cant get new font to work right

I am sorry if this has been covered but i cant find explicit enough instructions to get me through this:

I am trying to create a new css text style. I have added the following code into the style.css sheet

h7 { font-family:verdana, sans-serif; font-size:12px; margin:0; font-weight:normal; line-height: 20px; color:#B0C056; } 

I then went to Admin/Content Style Templates section and created a new style.

Here is what i put for each field:

Name:MyNewStyle
Element: MyNewStyle
CSS class: h7

I am not sure what i need to put for the "Element".

The style shows up in the dropdown list in the CKEditor but it does not match the defines css style (font is bigger - color is incorrect)

I am using mojoPortal version: 2.3.9.4
Skin editor: CKEditor

Any help is greatly appreciated.

Thanks

1/13/2013 8:53:18 PM
Gravatar
Total Posts 2239

Re: Cant get new font to work right

Hi,

First H7 isn't a valid HTML element.

The Content Style Template fields should be filled out like this:

  • Name: Whatever descriptive name you want
  • Element: The element you want the style to apply to. H1 - H6, SPAN, IMG, P, etc…
  • CSS Class: The class that should be applied to element.

So, what I would do in your case is change the CSS to be like this:

h6.special { font-family:verdana, sans-serif; font-size:12px; margin:0; font-weight:normal; line-height: 20px; color:#B0C056; }

Style Template:

  • Name: Special Heading 6
  • Element: h6
  • CSS Class: special

Hope this helps,
Joe D.

1/14/2013 5:41:41 AM
Gravatar
Total Posts 37

Re: Cant get new font to work right

Joe - thanks so much for teh help! I really appreciate it. I followed your instructions.

Somethign strange is happening. The color of the font is way off? The new style is almost like a fluroscent green rather than the client's green. I am baffled as to how that could happen. It is appearing as the wrong green both in the style dropdown as well as when applied to text and saved in the CKeditor.

I used a color picker to find out the rouge color number and found it to be #00FF00. I then searched the entire style.css file for that color and the search returned nothing. Voodoo huh?

how could #00FF00 be trumping #B0C056 if #00FF00 is nowhere in the style.css file?

I am wondering if using "h6" is the issue. I am just trying to create another text style that the user can choose from the style dropdown. I dont really care what it is called or if it uses one of the heading names ("h6" etc). Am I making this harder than it needs to be? 

Any help is appreciated.

 

1/14/2013 5:54:21 AM
Gravatar
Total Posts 37

Re: Cant get new font to work right

Found the issue. The Chrome web browser! Man I am losing my faith in Google!

Tested this in IE and Firefox and the style works as it should. The seems to be that Chrome caches the styles. So be carefeul if you are using Chrome. The screen may lie. 

Thansk for the help, Joe, and sorry for the fire drill.

Best,

Greg.

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