Custom Fonts and Colors

  • marcellabration · Member ·

    Hello there! I’m loving setting up my site with this lovely theme, but I have a few questions about customization. FYI, I have the Business Plan.

    1. How do I change the theme’s fonts to be AdobeFonts (formerly Typekit)? For example, I want the body text to be a font called Lust Text Light. The web font is hosted at AdobeFonts, and their instructions say: “To use this font on a web page, copy this code into the <head> tag of your HTML:
    <link rel=”stylesheet” href=”https://use.typekit.net/glj8bnr.css”>

    But I do not see where to enter this code, or how to specify that it is for the body.

    2. I also want to update the fonts for H1, Caption, and the Menu names, if you can help me find where to do that, please.

    3. Is it possible to change the color of the Initial Cap on the post pages?

    4. May I change the color of the various text styles (headline, body)? Or does it have to all be black?

    Thank you so much for your help and insights! ~marcella

    The blog I need help with is: (visible only to logged in users)

  • alinclamba · Staff ·

    Hey, Marcella!

    I am happy to hear you’re using our Hive theme and you want to get the most out of it. 😊

    Let’s take the issues one by one.

    #1. How do I change the theme’s fonts to be AdobeFonts (formerly Typekit)? For example, I want the body text to be a font called Lust Text Light. The web font is hosted at AdobeFonts, and their instructions say: “To use this font on a web page, copy this code into the tag of your HTML:

    2. I also want to update the fonts for H1, Caption, and the Menu names, if you can help me find where to do that, please.

    There is an easier way of adding custom fonts, by using a plugin, for example. See more: https://wordpress.org/plugins/custom-typekit-fonts/. Give it a try and see how it goes.

    3. Is it possible to change the color of the Initial Cap on the post pages?

    You can change the color of the Dropcap letter, using the CSS:

    
/* Dropcap Color */
.dropcap, .has-drop-cap:not(:focus)::first-letter, .single .entry-content:before {
    color: #1a6b1a;
}

    4. May I change the color of the various text styles (headline, body)? Or does it have to all be black?

    There is no built-in option for that but I could help you with custom CSS if you want. Just let me know, specifically, what text styles do you want to change.

    Keep in touch! 😊
    Alin

  • marcellabration · Member ·

    Thank you so much for your responses, Alin! I’ll be back soon with details of CSS I’d like to try out. Thanks ☺️ ~m

  • alinclamba · Staff ·

    Ok, Marcella!

    I can’t wait to find out if my solutions helped. 👀

    Alin
    Pixelgrade

  • alinclamba · Staff ·

    Hey, Marcella!

    I didn’t get any feedback for a few weeks, so I am going to mark this thread as Resolved.

    If there’s anything else I can help you with, just let me know.

    Take care!
    Alin
    Pixelgrade

  • The topic ‘Custom Fonts and Colors’ is closed to new replies.