Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1135635
    Jeff K
    Participant

    In this thread You provided recommendations for custom fonts on a site we are building. It got put on hold for a while and now back on it.

    I put the code in place and it appears to be working, however, there are some issues where it is not working.

    Navigation (header menu, fixed left side)
    Sidebar – Recent Posts (the individual article links)
    Footer – Recent Posts (individual article links)
    Footer – Twitter feed (individual tweets) This is the Jetpack plugin for the Twitter feed.
    Author navigation – (About and Latest posts) This is the Starbox plugin.

    I find it odd that in the sidebar the “Archive” and “Categories” is working properly, but the Recent Post entries are not.

    What do I have to do to correct this issue?

    #1135639
    Jeff K
    Participant
    This reply has been marked as private.
    #1135838
    Jade
    Moderator

    Hi Jeff,

    Please try to add this code in the customizer:

    * {
        font-family: 'ITC Eras W01 Demi' !important;
    }

    Hope this helps.

    #1136189
    Jeff K
    Participant

    Well that worked for the menu text and the recent post text. It didn’t work for the Twitter feed.

    Lastly, now it removed the following:

    • magnifying glass for the search in the menu,
    • menu bars for mobile devices/small screens,
    • to the top arrow at the bottom of the site,and
    • the house and arrow in the breadcrumbs.

    So with all of the issues I took out Jade’s code.

    When I did that, I noticed the blog description under the blog title wasn’t using the font script. Note: I figured out what the element was and fixed it with the CSS.

    Note 2: Using Firebug and some trial and error, I’ve figured out and seemed to have fixed the font script for the various classes. However, there needs to be a much easier way of doing custom fonts using font scripts.

    #1136388
    Friech
    Moderator

    Hi There,

    You can use this CSS with specific selector instead.

    
    .x-navbar .x-nav-wrap .x-nav > li > a,
    .x-breadcrumb-wrap,
    .widget.widget_recent_entries li a,
    .abh_tabs li a {
        font-family: 'ITC Eras W01 Medium', sans-serif !important;
    }

    Unfortunately, you can not edit the font in the twitter feed, because that is not on your domain (iFrame).

    Hope it helps, Cheers!

  • <script> jQuery(function($){ $("#no-reply-1135635 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>