• Resolved travisg2292

    (@travisg2292)


    I’m trying to update the “your dreams begin here” text on the front page with Google Fonts but it will not update the font even after clearing my cache. Can anyone help me with this problem please?

    The page I need help with: [log in to see the link]

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How are you adding the fonts? I don’t see any classes or IDs unique to that element.

    Thread Starter travisg2292

    (@travisg2292)

    I used this for the head: <link href=”https://fonts.googleapis.com/css?family=Dancing+Script&#8221; rel=”stylesheet”> and this for the css: font-family: ‘Dancing Script’, cursive;

    • This reply was modified 6 years, 9 months ago by travisg2292.
    • This reply was modified 6 years, 9 months ago by travisg2292.
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    nd this for the css: font-family: ‘Dancing Script’, cursive;

    That’s the bit I don’t think is right, because there aren’t any classes or IDs applied to that element. So how are you targeting it in CSS? If you’re not sure, can you paste here the CSS for the font? It should only be a few lines long.

    Thread Starter travisg2292

    (@travisg2292)

    vertical-align: baseline;
    font-family: ‘Dancing Script’, cursive;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think you need to first give the text a class, like this for example:

    
    <p class="example"> The text </p>
    

    Then in CSS you can do this:

    
    .example {
        font-family: ‘Dancing Script’, cursive;
    }
    
    Thread Starter travisg2292

    (@travisg2292)

    I got it to work now.

    I happened to check your frontpage. And my browser loaded 30MB of weight, that is quiet a number. Maybe you’d want to take care of this one too

    Thread Starter travisg2292

    (@travisg2292)

    Ok the text still won’t show up again and when I do change it without giving the specific part of the text a class, it changes the font for the whole web page instead of only changing the your dreams begin here text. I need it to just be for the your dreams begin here part of the text. So I still need help with it.

    • This reply was modified 6 years, 9 months ago by travisg2292.
    Thread Starter travisg2292

    (@travisg2292)

    I need help with this again.

    Thread Starter travisg2292

    (@travisg2292)

    Can someone please help me out?

    i. I might me wrong here. Hopefully it helps. Try changing Andrew’s solution to this …‘Dancing Script’, cursive !important;

    ii. But since you’re trying to do many things at once maybe a plugin is actually what you need in this situation. Dealing with codes doesn’t seem like a fast solution in this situation. Install and if possible, try to observe what’s changed among your themes CSS and functions files. So that you can both solve your problem and learn where to look next time you need another solution.

    I’m not sure advising to install a plugin is a correct approach on a support forum, but it’s what I do in general. Installling&observing the changes mostly saved me even more hours, than looking for an answer.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Updating a single part of text with google fonts’ is closed to new replies.