changing font & color for wasteland template

  • Resolved funwithmoms

    (@funwithmoms)


    14 years, 8 months ago

    Hello, I am VERY new to html, so really not sure what to do.
    I am using the template wasteland. My site is: https://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).

Viewing 7 replies - 1 through 7 (of 7 total)

  • 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;
}
    Thread Starter funwithmoms

    (@funwithmoms)

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

    Thread Starter funwithmoms

    (@funwithmoms)

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

    ty

    Thread Starter funwithmoms

    (@funwithmoms)

    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

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

    Only if it has spaces in it’s name – eg: “Courier New”

    https://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.

    Thread Starter funwithmoms

    (@funwithmoms)

    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

    style.css:

    .entry {
font-size:1.02em;
line-height:1.42em;
}
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘changing font & color for wasteland template’ is closed to new replies.