WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] changing font & color for wasteland template (8 posts)

  1. funwithmoms
    Member
    Posted 4 years ago #

    Hello, I am VERY new to html, so really not sure what to do.
    I am using the template wasteland. My site is: http://www.funwithmoms.com

    1. I want to change the font on the site, for my posts & the pre written stuff (like categories, archive, links etc)So it does it automatically.

    2. I want to change the link color (so it does it automatically).

    3. I want to change the text color for all the tabs (like categories, archive, links etc).

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    1. Try edting style.css:

    body, address, dd, dl, hr, p, form {
    font-family:"Trebuchet MS",Verdana,Tahoma,Arial,Sans-serif;
    margin:0;
    padding:0;
    }

    2. style.css again:

    a:link, a:visited {
    color:#533419;
    text-decoration:none;
    }
  3. funwithmoms
    Member
    Posted 4 years ago #

    do I need to put the " " around a different font name?

  4. funwithmoms
    Member
    Posted 4 years ago #

    and for the link color I want r-132 g-203 b-207
    how do I put that in for color #?

    ty

  5. funwithmoms
    Member
    Posted 4 years ago #

    OK... I figured out the color thing for both... Thank You

    Still am not sure what to do with the Font and how to change it and the size?

    Amber

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    do I need to put the " " around a different font name?

    Only if it has spaces in it's name - eg: "Courier New"

    http://www.yellowpipe.com/yis/tools/hex-to-rgb/color-converter.php
    Converts rgb colors to hexadecimal codes.

    The font sizes vary depending upon the text "type" in your theme. So the size for an <h1> heading text is specified separately to the size for a <p> tag inside a post. So you need to identify which pieces of text you want to adjust. If you use Firefox, the Firebug add-on is an excellent tool for this kind of work. There's also a Developer's Toolbar for IE users and (I believe) a similar tool for Opera users.

  7. funwithmoms
    Member
    Posted 4 years ago #

    I'm looking to change the font & size of the text for the post's....This is what the template has:

    /***** TYPOGRAPHY AND LINKS *****/
    body, address, dd, dl, hr, p, form { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }

    h1, h2, h3, h4, h5, h6 { color: #CC0066; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

    h1 { font-size: 2em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.4em; }
    h4 { font-size: 1.3em; }
    h5 { font-size: 1.2em; }
    h6 { font-size: 1.1em; }

    a:link, a:visited { text-decoration: none; color: #009999; }
    a:hover { text-decoration: underline; color: #660000; }
    p { padding: 10px; }
    blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #7c7953; border-right: 2px solid #7c7953; }

    Not sure what/where I need to change for font and size..

    Thanks for all your help esmi...

    Amber

  8. esmi
    Forum Moderator
    Posted 4 years ago #

    style.css:

    .entry {
    font-size:1.02em;
    line-height:1.42em;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic