Docs

[cwallace]

Greetings, X Team…

Just wanted to give some feedback. I’m on my *FIFTH* X license, installing a fresh copy on a “virgin” server. The installation did *NOT* go smoothly. In the past, I always FTP’d the unzipped files to a directory named “x” that I created myself. This time, I figured I’d let WordPress do the work. Well, as many others have experienced, I got the “Are you sure you want to do this?” error message. The “Try again” link fails at that point, so I said to heck with it and uploaded it via FTP. Perhaps I wasn’t paying close enough attention, but I ended up with X being installed in themes/x/x and of course the child theme didn’t like that at all. So, after moving the whole bloody lot via Cpanel from “x/x” to “x” (from which WP recovered nicely), I finally got the child theme uploaded and installed, and all is now right in Whoville.

Based on various posts here, where people experienced confusion with x_package vs. the contents of x.zip, I might suggest that some further work be done describing the installation via FTP. Since it’s been a while since my last X installation, even I’d forgotten how to do it. Describing where the add-ons go and where the theme itself goes would have gone a long way toward eliminating the confusion.

I’ll also give some kudos where they’re due: The registration process is *MUCH* easier than it used to be in earlier versions. Eliminating the need to bounce around between email, WP and here, copying and pasting lengthy registration codes, was very much appreciated. Well done!

Installation glitches aside, X is still the best theme on the market, bar none. Keep up the great work, guys and gals!

Best regards,
Chris

[cwallace]

Might as well ask a question while I’m here!

In the Customiser’s Heading section under Logo Font, is there any way to set that to a custom value? All the font selections refer to Google Fonts. I have a locally installed font that I’d like to use instead. So, can I:

1) Add my font to the list of fonts? (preferred method) or,
2) Change the name of the font, wherever it’s stored?

As a developer, I’m willing to do whatever it takes to get the job done. 😉

Chris

[Rupok]

Hi Chris,

Thanks for your feedback. It seems you were trying to upload the full package of theme that contains the theme and other files. You need to upload the installable WordPress theme only to get it done correctly. If you can’t determine the installable theme folder or zip file, you can download the installable theme from themeforest or here for your convenience – https://community.theme.co/dashboard/

You can also place the extracted theme folder under wp-content/themes/ folder using FTP that already described here if you follow the installation video – https://community.theme.co/kb/theme-installation/

And regarding using custom fonts, here goes the step by step guide to add custom webfont to your site – https://community.theme.co/forums/topic/need-custom-css-help-to-make-webfont-uploaded-to-public_htmlfontscustom_font/#post-992494

Hope this helps.

Cheers!

[cwallace]

Hmm. Seems Rupok didn’t read the question carefully enough. 🙁

Let’s try it again, with a few additions: Various sections in the CUSTOMISER have DROP-DOWN lists containing font names. I want to add my custom font name to those lists IN THE CUSTOMISER.

Yes, I’m asking to get into the guts of X. Developer-level customer, here. 🙂

Thanks!
Chris

[Rue Nel]

Hello Chris,

Thanks for the clarifications!

To be able to add your custom font in the Typography section in the customizer, you must properly place first the custom font within your child theme’s folder like in wp-content/themes/x-child/framework/fonts/ and that you also have the @font statement in your child theme’s style.css like this:

@font-face {
  font-family: 'MyWebFont';
  src: url('path-to-your-font-directory/font_name.eot');
  src: url('path-to-your-font-directory/font_name.eot?#iefix') format('embedded-opentype'),
       url('path-to-your-font-directory/font_name.woff') format('woff'),
       url('path-to-your-font-directory/font_name.ttf')  format('truetype'),
       url('path-to-your-font-directory/font_name.svg#svgFontName') format('svg');
}

And then, you will need this custom filter to add your uploaded custom font available in the customizer, please add the following css code in the customizer, Appearance > Customize > Typography

// Add custom font name in the customizer's typography section
// =============================================================================
function my_custom_font($data){
  $data['mywebfont'] = array(
          'source'  => 'Custom',
          'family'  => 'My Web Font',
          'stack'   => '"MyWebFont", sans-serif',
          'weights' => array( '400' )
        );
  return $data;
}
add_filter('x_fonts_data', 'my_custom_font');
// =============================================================================

You will have this result in the customizer:

Please keep in mind that the custom font added will always be at the bottom of all the default font family in the dropdown.

Hope this helps.

[cwallace]

Rue,

1. My nose senses a slight problem with your instructions. Adding the @font-face declarations in the child theme’s style.css file will cause the font(s) to be added to EVERY page on the site, ALWAYS. This would be like adding ALL the Google fonts to style.css — they would ALL get loaded on EVERY page. Not a great idea…

2. The font filter code should go into the child theme’s functions.php file. That’s PHP code, not CSS. Nonetheless, I get the idea and I’ll do some poking around in X’s code. I suspect a quick GREP will tell me what I need to know, now that I have something to look for.

Thanks,
Chris

[Rad]

Hi there,

1. In that case, you may add to cornerstone’s custom CSS or any place you think it will not be executed globally. Though, I don’t see any problem with that since fonts are loaded asynchronously.

2. Yes, it’s PHP code. It’s required to integrate custom font to existing typography listing.

Thanks!

[Author]

Posts