• I can change the Date, Title, Posted By, and Category font but I can’t find out where to change the font for the actual post. I’ve looked through and changed most of the CSS settings in wp-layout, but the post font doesn’t change. I’m gussing is all the text located in the ‘<div class=”storycontent”> <?php the_content(); ?> </div>’ ‘ but I’m not too sure. You can view my testing webpage at: https://joshuastarling.com/testing/index.php .
    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Posts are defined by the tag. In your CSS file, check how it is styled and adjust accordingly.

    p, li, .feedback {
    font: 90%/175% ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
    letter-spacing: -1px;
    }

    Thread Starter Anonymous

    Yes, but which CSS tag is my question. I apologize for not being clearer in my post. Here is my CSS file:
    FYI – I’m going for an Arial font.

    a {
    color: #FFFFFF;
    text-decoration: none;
    }
    a img {
    border: none;
    }
    a:visited {
    color: #FFFFFF;
    text-decoration: none;
    }
    a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }
    acronym, abbr {
    border-bottom: 1px dashed #333;
    }
    acronym, abbr, span.caps {
    cursor: help;
    font-size: 90%;
    letter-spacing: .07em;
    }
    blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
    }
    body {
    background: #fff;
    color: #000;
    font-size:small;
    font-family: Arial;
    margin: 0;
    padding: 0;
    }
    cite {
    font-size: 90%;
    font-style: normal;
    }
    h2 {
    color: #FFFFFF;
    font-weight: bold;
    font-size:small;
    font-family: Arial;
    }
    h3 {
    color: #FFFFFF;
    font-weight: bold;
    font-size:small;
    font-family: Arial;
    }
    ol#comments li p {
    font-size: 100%;
    }
    p, li, .feedback {
    font-family: Arial;
    letter-spacing: -1px;
    }
    /* classes used by the_meta() */
    ul.post-meta {
    list-style: none;
    }
    ul.post-meta span.post-meta-key {
    font-weight: bold;
    font-family: Arial;
    }
    .credit {
    background: #90a090;
    border-top: double 3px #aba;
    color: #fff;
    font-size:small;
    margin: 10px 0 0 0;
    padding: 3px;
    text-align: center;
    }
    .credit a:link, .credit a:hover {
    color: #fff;
    }
    .feedback {
    color: #ccc;
    font-family: Arial;
    text-align: right;
    clear: all;
    }
    .meta {
    font-size: .75em;
    font-family: Arial;
    }
    .meta li, ul.post-meta li {
    display: inline;
    }
    .meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .meta, .meta a {
    color:#000000;
    font-weight: normal;
    font-family: Arial;
    letter-spacing: 0;
    }
    .storytitle {
    margin: 0;
    }
    .storytitle a {
    text-decoration: none;
    }
    #commentform #name, #commentform #email, #commentform #url, #commentform textarea {
    background: #fff;
    border: 1px solid #333;
    padding: .2em;
    }
    #commentform textarea {
    width: 100%;
    }
    #commentlist li ul {
    border-left: 1px solid #ddd;
    font-size: 110%;
    list-style-type: none;
    }
    #content {
    margin: 30px 13em 0 3em;
    padding-right: 60px;
    }
    #header {
    font-family: Arial;
    letter-spacing: 0.2em;
    margin: 0;
    }
    #header a {
    color: #fff;
    text-decoration: none;
    }
    #header a:hover {
    text-decoration: underline;
    }
    #menu {
    background: #fff;
    border-left: 1px dotted #ccc;
    border-top: solid 3px #e0e6e0;
    padding: 20px 0 10px 30px;
    position: absolute;
    right: 2px;
    top: 0;
    width: 11em;
    }
    #menu form {
    margin: 0 0 0 13px;
    }
    #menu input#s {
    width: 80%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
    }
    #menu ul {
    color: #ccc;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
    text-transform: lowercase;
    }
    #menu ul li {
    font-family: Arial;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
    }
    #menu ul ul {
    font-variant: normal;
    font-weight: normal;
    line-height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    }
    #menu ul ul li {
    border: 0;
    font-family: Arial;
    letter-spacing: 0;
    margin-top: 0;
    padding: 0;
    padding-left: 12px;
    }
    #menu ul ul li a {
    color: #000;
    text-decoration: none;
    }
    #menu ul ul li a:hover {
    border-bottom: 1px solid #809080;
    }
    #menu ul ul ul.children {
    font-size: 142%;
    padding-left: 4px;
    }
    #wp-calendar {
    border: 1px solid #ddd;
    empty-cells: show;
    font-size: 14px;
    margin: 0;
    width: 90%;
    }
    #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;
    text-decoration: none;
    }
    #wp-calendar a:hover {
    background: #e0e6e0;
    color: #333;
    }
    #wp-calendar caption {
    color: #999;
    font-size: 16px;
    text-align: left;
    }
    #wp-calendar td {
    color: #ccc;
    font-family: Arial;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
    }
    #wp-calendar td.pad:hover {
    background: #fff;
    }
    #wp-calendar td:hover, #wp-calendar #today {
    background: #eee;
    color: #bbb;
    }
    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }

    Thread Starter Anonymous

    Haha!! Thanks guys that fixed it!!! Mucho thanks for ya’lls help. You’re all heros in my book!

    Thanks moshu, I’ve spent the last couple of hours trying to do this. (Probably would help if I read a tutorial first before bashing around)

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing Post Font’ is closed to new replies.