• Hi there, every time I try to edit my CSS code to make the font of my posts “Times New Roman”, it doesn’t change. It stays in the default font that came with my theme. Can somebody help me with this? Here’s my CSS:

    /*
    Theme Name: rainbowcircles
    Theme URI: http://www.thematology.com/
    Description: 3 columns, with 2 RHS widget sidebars
    Version: 1.2
    Author: Thematology
    Author URI: http://www.thematology.com/
    */

    body {
    margin: 0;
    padding: 0;
    color: #333;
    text-align:center;
    font-family: “Times New Roman”, Times, Arial, sans-serif;
    font-size: 100.1%;
    }

    #wrapper{
    width: 960px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    font-size: 78%;
    line-height:18px;
    background: #fff;
    }

    #wrapper2{
    background: #fff;
    }

    #superheader{
    padding: 0;
    margin: 0;
    height: 70px;
    }

    #header{
    padding: 0 0 0px 0;
    height: 160px;
    margin: 0 0 0px 0;
    }

    #content{
    clear:both;
    margin: 0;
    padding: 15px 10px;
    }

    #main {
    width: 570px;
    float:left;
    margin: 0;
    padding: 0 0 10px 0px;
    overflow:hidden;
    }

    #sidebar {
    padding: 0;
    margin: 0px 0px 0px 580px;
    }

    #left {
    float:left;
    width:175px;
    padding:0;
    }

    #right{
    margin: 0 0 0 185px;
    padding:0;
    }

    #footer {
    clear: both;
    margin: 0;
    padding: 10px 16px 0 16px;
    text-align: center;
    font-size: 85%;
    background: #fff;
    }

    #footer-inner{
    background: #f2f2f2;
    height: 45px;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    }

    #footer-inner p{
    padding:15px 0 20px 0;
    margin:0;
    }

    #navigation{
    padding: 5px 15px;

    }

    #navigation div.fleft{
    float:left;
    }

    #navigation div.fright{
    float:right;
    }

    #credit{
    text-align:right;
    font-size: 80%;
    }

    #credit p{
    margin: 0px 10px;
    padding: 3px;
    }
    #credit p a{
    color: #777;
    font-weight:100;
    }
    #credit p a:hover{
    color: #777;
    }

    #subscribe{
    text-align:center;
    background: #eee;
    border: 1px dotted #aaa;
    padding: 4px 10px 7px 10px;
    margin: 0 0 10px 0;
    }

    #subscribe p{
    margin: 5px 0;
    }

    /* ********** default styles *********** */

    p, h1, h2, h3, h4, h5, h6{
    margin: 10px 0;
    padding: 0;
    }

    h1, h2, h3, h4, h5, h6 {
    font-family: “Times New Roman”, Arial, serif;
    }

    h1{
    font-size: 250%;
    }
    h2{
    font-size: 160%;
    }
    h3{
    font-size: 120%;
    }
    h4{
    font-size: 110%;
    }
    h5{
    font-size: 100%;
    }
    h6{
    font-size: 90%;
    }

    a{
    color:#0061BD;
    font-weight:800;
    text-decoration:none;
    }
    a:hover{
    color:#0B2C4B;
    text-decoration:underline;
    }

    a img{
    border:0px;
    }

    hr{
    height:2px;
    margin:5px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    }

    blockquote{
    background: #f2f2f2;
    padding: 5px 15px;
    margin: 3px 30px;
    border: 1px solid #ccc;

    }

    form{
    margin: 0;
    padding:0;
    }

    fieldset{
    padding:10px;
    margin:0;
    border:none;
    }

    legend{
    font-weight:800;
    }

    code{
    font-size: 90%;
    font-family: “Times New Roman”, Times, monospace;
    white-space: pre;
    }

    td{
    vertical-align:top;
    }

    #tabs {
    float:left;
    width:100%;
    font-size:85%;
    line-height:18px;
    border-bottom: 1px solid white;
    }
    #tabs ul {
    margin:0;
    padding:4px 16px 0 20px;
    list-style:none;
    }
    #tabs li {
    display:inline;
    margin:0;
    padding:0;
    }
    #tabs a {
    float:left;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    }
    #tabs a span {
    float:left;
    display:block;
    padding:3px 15px 3px 10px;
    color:#fff;
    font-weight:800;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
    color:#fff;
    }
    #tabs a:hover {
    background-position:0% -42px;
    }
    #tabs a:hover span {
    background-position:100% -42px;
    }

    /* Headings */

    form#searchform2{
    display: block;
    margin: 3px 0px;
    }

    #header h3{
    margin: 0;
    padding: 60px 0 0 20px;
    font-weight:800;
    font-size: 260%;
    }

    #header h3 a{
    font-weight:100;
    color: white;
    text-decoration: none;
    }

    #header h3 a:hover{
    color: white;
    }

    #header h2{
    margin: 0;
    letter-spacing:1px;
    padding: 20px 0 15px 20px;
    font-weight:100;
    color: white;
    font-size: 150%;
    font-style:italic;
    }

    h2#sectiontitle{
    font-size:150%;
    font-weight: 100;
    padding:6px 6px 10px 10px;
    margin:8px 10px 8px 0px;
    background: #f8f8f8;
    border: 1px solid #eee;
    color: #444;
    }

    /* post styles */

    .post{
    margin: 0 0 10px 0;
    padding: 5px;
    }

    .entry{
    margin: 0;
    padding: 5px 10px 8px 10px;
    }

    .post h2 {
    color: black;
    font-size: 150%;
    font-weight:100;
    border-bottom: 1px dotted #ddd;
    padding: 2px 0 4px 16px;
    margin: 0 0 15px 0;
    }

    .post h2 a{
    color: black;
    text-decoration:none;
    font-weight:100;
    }

    .post h2 a:hover{
    text-decoration:none;
    color: black;
    }

    .postmetadata{
    font-size:80%;
    border-top: 1px dotted #666;
    background:#f2f2f2;
    padding: 1px 0 1px 5px;
    margin: 0 5px;
    }

    .postmetadata p{
    line-height: 15px;
    padding: 0;
    margin: 3px 0;
    }

    .authormeta{
    font-size:90%;

    }

    /* Comments */

    h3#comments, h3#postcomment{
    font-size: 100%;
    font-family:Times New Roman, sans-serif;
    }

    ol#commentlist{
    padding: 0 0 0 20px;
    font-size: 90%;
    }

    ol#commentlist li{
    padding: 2px 4px;
    margin: 2px 0;
    }

    ol#commentlist li p.commentheader{
    margin: 2px 0;
    }

    ul#commentlist{
    padding: 0;
    margin:0;
    list-style-type:none;
    }

    ul#commentlist li{
    display: block;
    padding: 0;
    margin: 0 15px;
    font-size:90%;
    border: 4px solid white;
    }

    ul#commentlist li div.gravatar {
    width:40px;
    float:left;
    text-align: center;
    padding: 5px 0 0 5px;
    }

    ul#commentlist li div.gravatar img{
    border: 1px solid #ddd;
    }

    ul#commentlist li p.commentauthor {
    padding: 0;
    margin: 0 0 2px 0;
    overflow:hidden;
    }

    ul#commentlist li p.commentheader{
    margin: 0 0 10px 0;
    padding: 0px;
    }

    ul#commentlist li div.commenttext{
    padding: 0 0 0 0px;
    margin:5px 10px 5px 60px;
    }

    ul#commentlist li div.commenttext div.commentwrapper{
    background: #F5F5F5;
    margin:0 0 0 5px;
    padding: 3px 8px;
    border-top: 1px dotted #aaa;
    }

    /* sidebar styles */

    .menu{
    padding:0;
    font-size:90%;
    }

    .menu a{
    font-weight: 100;
    }

    .menu a:hover{
    text-decoration:none;
    }

    .menu ul{
    margin:0;
    padding:0 0 0 0px;
    list-style-type:none;
    }

    .menu ul li.widget{
    padding:2px;
    margin:0 0 7px 0px;
    }

    .menu ul li.widget ul{
    margin: 0;
    padding:0;
    }

    .menu ul li.widget ul li{
    border-bottom:1px dotted #ccc;
    padding: 2px 0 2px 12px;
    margin:0;
    }

    .menu ul li.widget ul li ul{
    }

    .menu ul li.widget ul li ul li{

    border-bottom: none !important;
    padding: 0 0 0 10px;
    }

    .menu ul li.widget h3{
    font-size:160%;
    padding:2px 0 3px 2px;
    margin:0 0 2px 0;
    color: #222;
    font-weight: 100;
    border-bottom: 1px dotted #666;
    }

    .menu ul li h3 a{
    color: #023A5E;
    font-weight: 100;
    }
    .menu ul li h3 a:hover{
    color: #023A5E;
    text-decoration: none;
    }

    .menu form{
    display:block;
    margin:0px;
    padding:4px;
    }

    .menu input{
    margin:3px 0;
    font-size:90%;
    }

    li.widget .textwidget, li.widget #search {
    padding: 2px 5px;
    }

    /* Calendar styles */
    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    }

    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }

    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

    #footer a{
    font-weight: 100;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • I dont think you want to be doing it in the .css. Your theme is probably over writing those.

    Go into your Dashboard for your theme > Appearance > Atah… theme options > Body Text Links button > and put in your font.

    By the way, this is what I use and have in there.

    font-family: Verdana, Arial, Helvetica, sans-serif;

    Verdana was voted one of the best fonts and easiest on the eyes. You may want TNR for what ever reason. But I do not care for it. 😉

    Peace and Blessings

    FYI – I am very new to this myself so….

    Doh. I am using the Atahualpa theme. I have NO IDEA if theme mechanics work somewhat the same in the maintenance/dashboard???

    But you should be able to do it in the theme itself.

    Peace and Blessings

    Hi,

    You need to edit the style.css file of your theme and modify the settings for body tag.

    body {
    margin: 0;
    padding: 0;
    color: #333;
    text-align:center;
    font-family: Times New Roman
    font-size: 100.1%;
    }

    Thanks,

    Shane G.

    Thread Starter espanos

    (@espanos)

    Hi Shane,

    I did what you instructed, but it didn’t fix it.

    Any other suggestions?

    Thank you,

    Emily

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I change the font of my posts to Times New Roman?’ is closed to new replies.