changing font

If you’re editing the style.css inside WordPress, make sure that the file is writable and being saved.

Font-family is the correct value to change, but even if you set that for one element, a later declaration may override it. Take a look at the CSS-related links here: Know Your Source

I looked at all of that info, and I don’t understand half of it. So I went into my theme editor and looked to see where else there was a font-family and changed those to see what changes on my website: nothing changes the content of the website, just the menu bars, etc.
??

Use control+F to find ALL “Trebuchet”s. It’s probably in your css for the index, the header, the footer, the sidebar, comments, etc.

Thanks, I think I know what to do..well..at least I know where to put the font that I want.

/*
Theme Name: redspectra
Description: 2 coloumn white and red theme.
Author: Jinsona designs
Author URI: https://web2feel.com/
*/

body {
margin:0;
padding-top:0px;
background:#222 url(images/body.png) ;
font-family:Verdana,Tahoma,sans-serif;
color:#444;
font-size:13px;
}
img {
border:0;
}
a {
color:#03498c;
text-decoration:none
}
a:hover {
color:#007fb2;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {

}
blockquote {
padding-left:10px;
color:#333;
font-style: normal;

}
.clear {
clear:both;
}
.alignleft {
float:left;
padding:2px 0 0 5px;
}
.alignright {
float:right;
padding:2px 0 0 5px;
}

/* The Wrapper */

.wrapper {
width:1000px;
margin:0 auto;

}

/* The Top */

.top {
height:262px;
margin-top:0px;
background:url(images/top.jpg) ;

}
.blogname {
float:left;
width:1000px;
font-family:Century Gothic,Verdana,Tahoma,sans-serif;
margin:10px 0 0 0;
}
.blogname h1 {
font-size:35px;
font-weight:bold;
margin:60px 0px 0 180px;
color:#fff;
text-decoration: none;

}
.blogname h1 a:link, .blogname h1 a:visited{
color: #fff;
text-decoration: none;
background-color:transparent;
}

.blogname h1 a:hover {
color: #fff;
text-decoration: none;
background-color:transparent;
}
.blogname h2 {
margin:0px 0px 0 200px;
font-size:16px;
font-weight:normal;
color:#fff;

}
.content {
padding:0px 10px 25px 15px;
background:#fff ;

}

#content {
float: left;
width: 740px;
margin: 10px 5px 0px 0;
padding: 0 0;
}

.title{
margin: 0 0;
padding: 0px 0px 0px 15x;
height:55px;
background:url(images/title.jpg);
background-repeat:no-repeat;
}
.time{
float:right;
width:80px;
height:25px;
margin-top:7px;
font-family:Verdana,Helvitica,sans-serif;
padding:1px 0 0 4px;
color:#fff;
font-size:13px;
}
.post {
margin: 10px 10px 0 5px;
padding:0px 0px 0px 0px;
height: 100%;
text-align:left-align;
color:#333;
font: 14px century gothic,verdana, sans-serif;
}

.post h2 {
margin: 0 0;
padding: 5px 0px 0px 10px;
height:30px;
background: transparent;
text-align: left;
font: 24px “Century gothic”, Arial, sans-serif;
font-weight:normal;

}

.post h2 a, .post h2 a:link, .post h2 a:visited {
color: #008aff;
background-color: transparent;
}

.post .author {
margin: 0 0;
padding: 0px 0 0 10px;
background:transparent ;
font: normal 12px “arial”, Arial, sans-serif;
color: #555;
font-variant:small-caps;

}

.post .postmetadata {
margin: 0 0;
padding: 2px 15px 0px 5px;
height: 30px;
background:#012768 url(images/meta.jpg) ;
font: normal 10px Verdana, Arial, sans-serif;
text-align: right;
color:#333;

}

.post a:link,
.post a:visited {
color: #01A0E1;
background-color: transparent;
}

.post a:hover {
color: #013696;
background-color: transparent;
text-decoration: none;
}

.entry {
margin: 0 0;
padding: 5px 5px 5px 15px;
}
.cover{
margin: 0 0;
background:url(images/cover.jpg);
background-repeat:repeat-y;

}

/* The Sidebar0 */
.sidebar {
float:right;
width:220px;
padding-top:20px;
padding-right:5px;
font-size:13px;
font-family: “Century gothic”, Arial, sans-serif;
}

.sidebar h2 {
height:27px;
line-height:27px;
font-size:16px;
color:#eee ;
margin:0;
background:#333 url(images/h2.jpg);
background-repeat:no-repeat;
padding:0px 0 0 10px;
}
.sidebar ul {
list-style-type: none;
margin: 0 ;
padding: 0;

}
.sidebar ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0 5px 0;
background:url(images/bottom.jpg) bottom;
background-repeat:no-repeat;

}

.sidebar ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;

}

.sidebar ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;

}

.sidebar li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0;

}

.sidebar li li {
list-style-type:none;
border-bottom:1px dotted #c4041e;
margin: 0;
background:#a90118 ;
padding: 3px 10px 3px 15px;

}

.sidebar li li li {
list-style-type:none;
border:0;
margin: 0;
background: #a90118;
padding: 3px 10px 3px 2px;

}

.sidebar li li li li {
list-style-type:none;
border:0;
margin: 0;
background: #a90118;
padding: 3px 10px 3px 10px;

}

.sidebar p {
padding: 7px 10px;
background:#a90118;
margin:0;

}
.sidebar a:link, .sidebar a:visited{
color:#ccc;
}
.sidebar a:hover {
color:#e65267;
}
.sidebar table {
width:100%;
text-align:center;
background-color:#a90118;
}
/* — FOOTER — */

#bottombar {
width:100%;
height:auto;
margin:0 0 0 0;
padding:50px 0 0 0;
background:#a90118 url(images/bottombar.jpg) top;
background-repeat:no-repeat;
color:#000;
font-family:Century gothic,Verdana,Tahoma,sans-serif;
}

.bar-one {
float:left;
display:inline;
width:30%;
margin-right:30px;
font-size:14px;
font-weight:normal;
letter-spacing:1px;
}

.bar-one h2 {
width:100%;
height:20px;
margin:0px 0px 10px 5px;
padding:4px 0px 0 5px;
color:#000;
letter-spacing:1px;
font-weight:bold;
font-size:16px;
}

#footer {
height:20px;
padding:10px 0 0 0px;
background:#000;
color:#E00326;
font-size:10px;
font-weight:normal;
text-align:center;
letter-spacing:1px;
}

#footer a {
color:#fefefe;
}

#footer a:hover {
color:#ccc;
}

.bar-one li {
list-style:none !important;
list-style:outside;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.bar-one ul {
list-style:none;
margin:0px 0px 15px 15px;
padding:0px 0px 0px 0px;
}

.bar-one ul li {
list-style:none;
margin:5px 0px 5px 0px;
padding:0px 0px 5px 10px;
border-bottom:1px dotted #ddd;
}

.bar-one ul li a {
color:#fff;
}

.bar-one ul li a:hover {
color:#ccc;

}

/* The Navigation */

.navigation {
height:25px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#c40f0f;
}
.navigation a:hover {
color:#222;

}

/* The Attachment */

.contentCenter {
text-align:center;
}

/* The Page Title */

h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:25px;
text-align:center;
}

/* The Comments */

.comments {
}
.comments form {
}
.comments textarea {
width:90%;
height:156px;
background:#e6f3fe;
border:1px solid #a3c1db;
color:#484849;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#e6f3fe;
border:1px solid #a3c1db;
color:#484849;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 23px;
padding:0;
font-weight:normal;
}
.comments ol li p {
padding:0;
margin:10px 0;
}

THis is my style.css code.pls help me which section for me to change the post title font size to smaller one. im new to css. pls. thanks

I think it is this one:

.post h2 {
margin: 0 0;
padding: 5px 0px 0px 10px;
height:30px;
background: transparent;
text-align: left;
font: 24px “Century gothic”, Arial, sans-serif;
font-weight:normal;

..or it could be the one before it.
Not quite sure. Sometimes I just play around with stuff if I’m not sure until something works. ??