WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] changing font (7 posts)

  1. sara1086
    Member
    Posted 6 years ago #

    I want to change my font to Verdana, but I'm not sure how.
    This is what it says in my theme editor:
    body {
    background: #3D4345 url(images/back.png) 0 repeat;
    color: #51544B;
    text-align: center;
    font-family: "Trebuchet MS", Trebuchet MS, Trebuchet MS;
    font-size: 15px;
    padding:0px;
    min-height: 100%;
    _height: 100%;
    }

    I tried thanging the font-family but that doesn't seem to work.
    can anyone help me?

  2. scribblerguy
    Member
    Posted 6 years ago #

    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

  3. sara1086
    Member
    Posted 6 years ago #

    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.
    :(

  4. Roy
    Member
    Posted 6 years ago #

    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.

  5. sara1086
    Member
    Posted 6 years ago #

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

  6. GreenApple
    Member
    Posted 6 years ago #

    /*
    Theme Name: redspectra
    Description: 2 coloumn white and red theme.
    Author: Jinsona designs
    Author URI: http://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

  7. sara1086
    Member
    Posted 6 years ago #

    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. :)

Topic Closed

This topic has been closed to new replies.

About this Topic