Tagged: x
-
AuthorPosts
-
August 17, 2016 at 2:26 pm #1135635
Jeff KParticipantIn 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?
August 17, 2016 at 2:27 pm #1135639
Jeff KParticipantThis reply has been marked as private.August 17, 2016 at 4:48 pm #1135838
JadeModeratorHi Jeff,
Please try to add this code in the customizer:
* { font-family: 'ITC Eras W01 Demi' !important; }Hope this helps.
August 17, 2016 at 10:34 pm #1136189
Jeff KParticipantWell 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.
August 18, 2016 at 2:12 am #1136388
FriechModeratorHi 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!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1135635 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
