WordPress.org

Ready to get started?Download WordPress

Forums

How do I Colorway menu font? (6 posts)

  1. TammyKim
    Member
    Posted 1 year ago #

    I have been looking for a way to change the top menu font on the colorway theme. I have tried everything I can think/find and nothing works. I would like the font to match the default page font which is called Champagne. The only mention of the Champagne code I can find is in: Theme Functions(functions.php) where it looks like this:

    wp_enqueue_script('inkthemes_cufonfont', get_template_directory_uri() . '/js/Champagne.font.js', array('jquery'));

    I'm not a pro a coding but I know enough to be dangerous. I have been all over the internet and all over the theme codes and I can't figure this out/can't get it right. Any help would be GREATLY appreciated.

  2. If the theme is using Cufon, then there should be mention of the Champagne font-family in the css. I would look in the style.css and see what they've used it for and then added to the menu.

    Can you provide a link to your site so we can look at the css?

  3. TammyKim
    Member
    Posted 1 year ago #

    Yes! Thank you! I just started building it so its really rough looking:

    http://0361c1b.netsolhost.com/WordPress/

  4. TammyKim
    Member
    Posted 1 year ago #

    I have no clue how Cufon works. I only just started learning about it when I ran into this problem about three days ago. In the style.css folder I can find stuff on the font but every time I think I've changed it nothing happens. I'm out of my league. Thank you for helping me!

  5. TammyKim
    Member
    Posted 1 year ago #

    It's not in the style.css sheet. The font name I mean. Maybe I'm getting it wrong and Champagne is not the font but when i google the font ones called "Champagne" pop up as perfect matched.

  6. Hi TammyKim,

    Cufon can be kind of confusing. The way it works is by dynamically replacing they font via javascript while the page is loading. To define what is replaced there is usually a config file. In your themes case the file is custom.js which is in the themes js directory.

    //Cufon Replacement
    Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6');

    You can include any html tag by name, class or id to the replacement array above which would make it look like this:

    //Cufon Replacement
    Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6')("#menu-main-menu li a");

Topic Closed

This topic has been closed to new replies.

About this Topic