CLAF overrides my CSS, Applying a skin Options

[khmerxlove]

Everytime i make a skin and apply it to my own xanga, the claf settings for font always override the font settings i have in my header HTML. and everytime I apply a skin made by someone else, everything works out fine.

I've tried "setting to default" before applying my skin and it does work.

Please HELP!

Thanks

[moorepocket]

let see your site and css.

[artislife90]

Show us your code.

[largosama]

you have to insert the font editing css classes to overide the xanga css

[khmerxlove]

Here's my code:

<!-- begin code provided by createblog.com --><br /><table><tr><td><br /><img src="http://img64.exs.cx/img64/5671/dnangel7yb.jpg" border=0><br /><DIV style="position:satic;<br />margin-top: -235px; <br />margin-left: 0px;<br />width: 375px; <br />OVERFLOW: auto;<br />height:230px; <br />BACKGROUND-COLOR: transparent;"><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><style type="text/css"><br />/* DNAngel//blog by graphics_x*/<br />body <br />{background-color: #ffffff;<br />scrollbar-arrow-color: #ffffff;<br />scrollbar-track-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-face-color: #ffffff;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dlight-color: #fffff;}<br /><br />div {<br />filter:chroma(color=#00FF00); <br />scrollbar-arrow-color: #ff0000;<br />scrollbar-face-color: #00FF00; <br />scrollbar-3dlight-color: #00FF00; <br />scrollbar-darkshadow-color: #00FF00; <br />scrollbar-highlight-color: #00ff00;<br />scrollbar-shadow-color: #00ff00;<br />scrollbar-track-color: #00FF00; <br />}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{font-family: XG Pixo;<br />text-transform:uppercase;<br />font-size:10px;<br />line-height:10px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#transparent;<br />text-align:center;<br />border:1px solid #000000;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #ff0000;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #000000;<br />font:normal 10px XG Pixo;<br />background-color: transparent;<br />font-color:#000000;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />color: #000000;<br />font: bold 10pt XG Pixo;<br />text-transform: none;<br />text-align:center;<br />border: #000000 1px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />BORDER: #000000 1px solid;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: XG Pixo;<br />font-weight:normal;<br />font-size:10pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: XG Pixo;<br />BORDER: 0px;<br />width:340px;} <br /><br />a:link, a:active<br />{font-family: XG Pixo;<br />font-weight:normal; <br />color:#ff0000; <br />text-transform:none;<br />font-size:10pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: XG Pixo; <br />color:#000000; <br />text-transform:none;<br />border: 1px solid 000000;<br />font-size:10pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family: XG Pixo;<br />color:#ff0000; <br />cursor: crosshair; <br />font-weight:bold;}</style><br /><!-- end code provided by createblog.com -->

[william]

it's because "XG Pixo" is not a standard font. you have to embed it for it to work. look in the tutorials section for how to embed a font.