Hi,
I’m trying to learn Pinegrow using the WordPress plugin, so I’m a total beginner.
I have a Bootstrap based project from Themeforest that I’m looking to use as the basis for a WordPress theme.
The site uses Fontawesome and Flaticons, which display when I load the index.html page directly from the files to a browser, but when I import the Zip, icons are missing.
but they don’t show in the Pinegrow editor.
How can I import those into Piengrow?
Thanks
Phil
Hello,
Got it! Here’s a quick checklist to help you troubleshoot the missing icons issue:
html
<link rel="stylesheet" href="path/to/fontawesome.min.css">
webfonts folder is present in your theme directory and correctly referenced in the CSS file.If you’ve checked all these and the icons are still missing, let me know, and we can dig deeper!
Best Regards,
David Scott
Thanks @david598scott - I’ve added the CSS for flaticon and fontawesome to the header
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/fontawesome-all.css">
<link href="bootstrap_theme/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
These are the two that I see in the css directory, but still no joy,
The flaticon.css contains the following:
@font-face {
font-family: "Flaticon";
src: url("../fonts/Flaticon.eot");
src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
url("../fonts/Flaticon.woff2") format("woff2"),
url("../fonts/Flaticon.woff") format("woff"),
url("../fonts/Flaticon.ttf") format("truetype"),
url("../fonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}
By the looks of it, when I imported the site zip, the eots and other fonts didn’t copy over. Just trying to figure out how to upload those missing files to the project in Pinegrow.
Thanks
Phil
Hi @Phil1
It looks like the issue is caused by missing font files after importing your project into Pinegrow. When loading the site directly from your files, FontAwesome and Flaticon work because all resources are in place. However, after importing the ZIP, some essential font files, such as .eot, .woff, and .ttf, may not have been copied over properly.
Here are a few things you can try to fix the issue:
Hi @Blep
Yes, they were not uploaded when I imported the original zip file and they are missing from my fonts folder.
I’m using the Pinegrow WordPress plugin, so I’m trying to work out where the folders are stored so I can upload them manually (I’m using Local to set up my project). So far I can’t figure out where to find the folders.
Once I’ve got them all working, I’ll then get started on the WordPress theme.
Hi,
Good to hear you’ve identified the issue. In Local, you can open your site’s root folder then navigate to wp-content/themes/ and look for the folder corresponding to your Pinegrow-generated theme. Inside that folder, you should have subdirectories like css, js, and possibly fonts. If the fonts folder is missing, you can create one manually and upload the missing font files there. Make sure that your font paths in flaticon.css are correct, especially if your CSS files are inside a separate folder. If needed, you can use PHP in WordPress to reference them dynamically with get_template_directory_uri(). After adding the missing files, restart your Local environment and clear your browser cache to ensure everything loads properly. Once your fonts are working, you should be all set to start converting your project into a WordPress theme.
Thanks Bruno, but the I haven’t generated the WP theme yet. I’m trying to get the Pinegrow project sorted out first so everything loads and displays correctly before generating the theme. What I can’t seem to find is where in the WordPress structure are the Pinegrow project folders and assets stored.
Hi,
Got it (later better than never 
), since you haven’t generated the WordPress theme yet and are still working on the Pinegrow project, the files should still be in your local Pinegrow workspace rather than inside WordPress. If you imported the project ZIP into Pinegrow, the files should be in the same directory where Pinegrow saved your project. You can check the Project Location in Pinegrow by clicking on File > Show Project Folder to find where your assets are stored. If the fonts folder is missing there, you can manually create it and add the missing files before checking if everything loads correctly in Pinegrow. Once your project is displaying as expected, you can then proceed with the WordPress export, and at that point, the theme will be placed inside wp-content/themes in your Local setup. Re
Hi @Blep -
when I import the site files zip into the WordPress Pinegrow plugin, I’m not given an option to choose where the project files are saved and I don’t see an option for File > Show Project Folder.
So I assume the Pinegrow plugin creates the folders and adds the files and assets somewhere in the WordPress structure, but I’ve trawled through everything and can’t find the files.
Hi,
I see what you mean now. Since you are using the Pinegrow WordPress plugin rather than a standalone Pinegrow project, the files are likely being handled within WordPress itself rather than stored as a separate project folder. Pinegrow should be adding them somewhere in your Local WordPress site, but since it doesn’t prompt you to choose a directory, the files may be stored in a temporary location or embedded within the WordPress database.
I initially thought you were testing everything locally on your computer before integrating it into WordPress, so sorry for the confusion. To locate the files, you can use FileZilla (or any other FTP client) to explore the directory structure of your Local WordPress installation. Start by looking in wp-content/ to see if Pinegrow has placed the files inside a specific folder there. If you can’t find them manually, try using the search function in FileZilla to look for a specific filename from your project, such as a missing font file or CSS file.
Hi @Blep - I’m using Local for development, so have searched through the files and can’t find them. I’m going to switch to Pinegrow for Mac desktop which should be easier to handle.
Thanks for your help.
Cheers
Phil
If you have a bootstrap theme that is working, why would complicate matters by converting to a WordPress theme?
Everything that WordPress does can be done or added to your bootstrap theme, with a much lower server overhead. Can you explain which WordPress function you are attracted by, and maybe I can help provide the solution?
Hi @mxs - we have several WP sites running things like Learndash, WooCommerce and other plugins. Some using crappy page builders like Elementor etc. We also have sites running Paid Memberships Pro and PolyLang with Oxygen. I want to get everything moved to using block themes that we can build ourselves
I see, using WP plugin to create what is essentially an off the shelf application.
I guess you also get a “pretty” UI with the plugin, which can take days if you design it yourself.
Most of my work these days is data-driven, and I only use Pinegrow to design my page templates, i.e. the look and feel of the website.