• newbie here…unable to change fonts. I have disabled all plug-ins, changed all fonts on stylesheet to Verdana, changed all fonts in design settings to Verdana, saved, refreshed, and cleared cache. I will admit I have messed around in my stylesheet quite a bit and my firebug shows me that things have lines through them and I think my page is just aaaallll confused. any help?? It seems to me this has got to be simple. I dont even want to say how many months I have been working on this.

Viewing 15 replies - 1 through 15 (of 16 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you provide a link to the website with the problem?
    If so, can you state to which element you’re trying to apply the font to?

    Thread Starter dazedand confused

    (@dazedand-confused)

    https://www.olympiablueribboncarpetcleaning.com
    I am a newbie and I do not understand the question regarding which element I am trying to apply the font to but I can tell you I am working on my front page trying to change fonts from the site title all the way down to the bottom. Some I have been able to change and the other problem I have is through changing so many times I have ended up with wording in my header image of all things. Thankyou so much for any advice

    Timothy Jacobs

    (@timothyblynjacobs)

    You forgot to style the body element.

    body {
    font-family: Verdana, sans-serif !important;
    }
    Thread Starter dazedand confused

    (@dazedand-confused)

    Thankyou for your response..Ok… I can do that.. so that takes care of the body of the page but what about the header title??? Also the other big problem is getting that text out of my header image :o(

    Timothy Jacobs

    (@timothyblynjacobs)

    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    font-family: Verdana, sans-serif !important;
    }

    Those links are there from a widget. Go to your widgets setting page under appearance. Look for a widget area that has a custom menu widget, remove that and that should get rid of the text in your header.

    Thread Starter dazedand confused

    (@dazedand-confused)

    Thankyou for your response. That will be a huge relief to get that fixed. Ok…my last and final question…so are you saying that by styling the body element that will also take care of my header title being changed to Verdana too???

    Timothy Jacobs

    (@timothyblynjacobs)

    Use this code

    #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    font-family: Verdana, sans-serif !important;
    }

    that should change the header text as well.

    Thread Starter dazedand confused

    (@dazedand-confused)

    Thankyou so much. I am ashamed to tell you how many months I have been struggling with the simple task of fonts.

    Timothy Jacobs

    (@timothyblynjacobs)

    No worries.

    Thread Starter dazedand confused

    (@dazedand-confused)

    I made all the changes that you suggested above and I am sorry to say that it did not change my fonts. Do you have any other suggestions? Do you think my files are somehow corrupted from me making so many different changes over the past few months without not really knowing what I was doing??

    Thread Starter dazedand confused

    (@dazedand-confused)

    so is this something a newbie can fix??? can you please tell me where I go to fix the mark-up errors?? Is this in someplace other than the stylesheet? I am very willing to do the work with just a little help at where I need to correct these errors. Thankyou for your response.

    Yes, you can fix those pretty easily – they are in the HTML code of your page – look at the validator results and then find that section of code on the page. Specifically, this code is messed up:

    <ul>
    <p font-family: "Verdana",sans-serif;	<li><span style="color: #ff0000;"><strong>Spot and stain removal, from food spills, rust, ink, wine</strong><br />
    </span></li>
    </ul>

    You also really should not be using inline CSS – it will make things MUCH harder to manage and change. I would remove all the inline CSS and do it in the external stylesheet.

    The CSS error is why the google fonts are not working – but with minified CSS it is hard to find – see if you can turn that off temporarily:

    Parse Error }<link href='https://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
    Thread Starter dazedand confused

    (@dazedand-confused)

    Thankyou so much for this information. I will have my work cut out for me this afternoon!! I will never again use inline CSS. Like I said I am a newbie and I got all carried away trying to fix things.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘unable to change fonts’ is closed to new replies.