Vincenza Posted July 2, 2008 Share Posted July 2, 2008 I need some help here. I have remade template with CSS. And I want to change just the font to ( Georgia, "Times New Roman", Times, serif:) And I'm not able to do this correct, Any ideas anyone, please #slogan { float:left; color:#000000; font-size:30px; text-transform:uppercase; padding-top:40px}The whole CSS:body { margin:0; padding:0; font-size:0.9em; line-height:20px; font-family: "Myriad Pro", "Trebuchet MS", Arial; border:0px solid #000; background:#000; }a { color:#cf3b43; text-decoration:none;}a:hover { text-decoration:underline;}p { padding: 0 10px 5px 10px; }h1 { margin:0; padding:10px 0 0 10px; text-transform:uppercase; font-size:1.5em; color:#646464; font-weight:normal;}#header { padding:30px 20px 0 40px; height:200px; background:url(http://www.italiansiciliangenealogy.com/Main/background_color/Cloudy%20Grey.gif) repeat-x; }#slogan { float:left; color:#000000; font-size:30px; text-transform:uppercase; padding-top:40px}#header a{ color:#fff; text-decoration:none; font-weight:bold; font-size:20px; text-transform:uppercase; letter-spacing:5px; }#logo { float:right; width:240px; text-align:left; font-size:11px; color:#000000; line-height:12px; padding-top:5px;}#menu { background: url(http://www.italiansiciliangenealogy.com/Main/images/menu_bckg.gif) repeat-x #fff; height:40px; padding-top:10px;}#menu_list {width:1100px; margin:0 auto;}#menu a { display:block; color:#000000; float:left; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 20px; padding-top:8px;}#menu a:hover{padding-top:10px;}.splitter { display:block; float:left;}.item img { background-color:#FFFFFF; padding:6px; border:1px solid #000000;}.item a { display:block; float:left; font-size:12px; color:#bd131d;}.description { display:block; float:right; width:130px; padding: 0 10px 20px 0; line-height:12px;}p.additional { margin:0 10px; color:#9c9c9c; font-size:13px; line-height:12px; border-top:1px solid #bdbdbd; padding: 10px 10px 30px 45px; background:url(http://www.italiansiciliangenealogy.com/Main/background_color/Italian%20rolling%20circle.gif) no-repeat 0 12px;}#text { margin: 0 305px 0 20px; }#text li {list-style:none; padding-left:20px; background:url(http://www.italiansiciliangenealogy.com/Main/images/li.gif) no-repeat 0px 4px;}#sidebar { float:right; width:245px; padding: 10px 20px 0 30px; font-size:11px;}#sidebar a{ font-weight:bold; }#sidebar h1 { margin:0; padding:0 0 20px 0; text-transform:uppercase; font-size:18px; color:#000; font-weight:normal;}#main { float:right; background:url( ) no-repeat top right #fff; padding:20px 0 0 0;}#footer {background:url(http://www.italiansiciliangenealogy.com/Main/images/footer_bckg.gif) repeat-x #000; height:57px; clear:both; }#left_footer { float:left; padding:20px 0 0 30px; color:#fff; font-size:12px;}#left_footer a { color:#fff;}#left_footer a:hover { text-decoration:none;}#right_footer { float:right; padding:20px 30px 0 0; color:#fff; font-size:12px; text-align:right;}#right_footer a { color:#fff;} Link to comment Share on other sites More sharing options...
real_illusions Posted July 2, 2008 Share Posted July 2, 2008 Simple..in your body css, you have some fonts already defined in font-family, replace those ones with the ones you want in there.If theres any fonts in the rest of the css, then they will over ride the body styling..but a quick glance over the rest of your css, it doesn't look like it. Link to comment Share on other sites More sharing options...
Vincenza Posted July 2, 2008 Author Share Posted July 2, 2008 Thanks, I think I did it. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.