Need help? Check out our Support site, then

Edit CSS for misty look

  1. How do I edit the CSS in Misty Look for the page title, the header...I think I want h3, and the navigation links...


    The blog I need help with is

  2. First off we need a link to the blog you are talking about since the one linked to your username is wearing elegant grunge.

    Also, are you talking about post and page titles right above the content, or are you talking about the blog title up above the header image and navigation tabs?

  3. is the blog

    I want to change the font and color on the page title header and the post title headers which I thing is h3?

    Also I want to make the page width wider. THANKS!!!

  4. First off when considering font changes, you need to realize that the visitor's browser will pull fonts from what is actually installed on their computer, so if you use something that people are not likely to have as part of a standard installation, their browser will substitute whatever it considers to be similar, and that is typically the browser standard serif or san-serif. Take a look at the following link which tells which fonts are standard across OS's.

    On any well designed theme following good SEO techniques, blog or site titles will always be h1. Post and page titles will be h2. Search engines consider h1 to be most important, and then h2 less important than h1, h3 less important than h2, etc.

    For the main site title, you will want to target just that specific selector by adding a font declaration to it and then also specifically targeting the color as shown in the second line. The hex color code and the font stack I included I used is just as placeholders.

    #header h1 {
    font-family:Arial, helvetica, san-serif;
    #header h1 a {
    color: #CC0000;

    For post and page titles, the following will let you change the font and color.

    #content .post h2, #content .post h2 a, {
    color: #CC0000;
    font-family:Arial, helvetica, san-serif;

    If you want to use non-standard fonts, they you will have to use typekit which will server the fonts to the visitor's browser from their web servers.

  5. Hi,

    I have some trouble with changing the font color with the misty look theme.
    I have an upgraded CSS and would like some small changes, font style and color

    Please look at my site:

    I can´t change the header color for all my sidebars. Only my first one. I´m currently using this code below, but what am I doing wrong?

    a:link,a:visited {

    Would also like to change the font style with css and not typekit. Would love to have one font style for all headings and another font style for all body text.

    Thank you :)

  6. Change what you have to this.

    li.sidebox h2, a:link,a:visited {

    On the font family, you have everything set up here:

    #site-title, .entry-title, .tk-lobster, .widget-title, h1, h2, h3, h3#comments-title, h3#reply-title, h4, h5, h6 {
        font-family: "lobster-1","lobster-2",serif;

    The thing you have to remember though is that the browser (if not using typekit) will pull fonts from the visitor's computer. This means whatever font you choose has to be installed on the visitor's computer or their browser will typically substitute its built in serif or sans-serif font. The following link give you an idea of what is common between OS'.

  7. Amazing, THANK YOU!!!!

Topic Closed

This topic has been closed to new replies.

About this Topic