I can edit main.scss, watch runs and it all works, except options.
I change color vars – $red: for example, i change breakpoints, $grid-breakpoints, but no any change i see in the theme.
-
I can edit main.scss, watch…
Comments5-
Hi redshoes!
The Gulp watch task should work out of the box. Could you make sure that you have read+write access to /assets/css/main.css. You could also try to delete the main.css file and recompile it from the SASS source.
Hope this helps…
-
Well, i’m not saying, that gulp is not working. It does it’s job!
The bug is that i can’t change these global vars, like breakpoints and colors. I can successfully create my own ones, and it works (as i already did for the colors), and thank G-d, i do not really need to change breakpoints in this project, but as for the future…-
Colors can be changed by defining the $colors variable: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L46-L61
Grid breakpoints can be modified via the $grid-breakpoints variable as pointed out in the official Bootstrap repo: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L285-L292
But I guess you already know that. So please double check that you are adding these variables in your main.scss file before any @import “../node_modules/bootstrap/scss/bootstrap”; statements.
This has been tested locally by us and confirmed to be working. If you still don’t manage to change the grid breakpoints, would it be possible to share your main.scss file? You can use the uploader in the sidebar to share it as a ZIP file.
-
I’m confused as Gulp only seems to recognize main.scss and changing any files in node_modules/bootstrap/scss aren’t recognized. I can make changes in node_modules/bootstrap/scss but then I have to change something in main.scss to get Gulp to compile. This seems to be an incredibly slow way to develop. Am I missing a path in my gulpfile.js? Or am I supposed to run npm install in node_modules/bootstrap/ ?
Thanks!
-
Modifying NPM source files is a bad idea. Anytime you update your NPM dependencies all changes will be lost.
The correct approach is to override the Bootstrap variables as stated in the previous comment – preferably in main.scss
Documentation: https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaultsOur Gulp watch command only gets triggered when main.scss or main.js gets modified but feel free to add more paths in your local gulpfile.js
-
-
-
-
Leave a Reply
You must be logged in to post a comment. -
-
Billy – Looking for a simple, yet powerful billing solution?
Over the last couple of months we’ve been working hard on the latest addition to our product line – a complete billing suite which integrates seamlessly into WordPress – and we’re happy to announce that the free version got approved and has been shipped to the WordPress Plugin directory.
🙌🏻 🙌🏻 🙌🏻
If you are working as a Freelancer or are responsible for Accounting and Billing in a small agency and are looking for an easy-to-use, future-proof PbD* solution to create Invoices, Quotes and basic Accounting records, go on and give Billy a try.
*Privacy by Design: Billy posts are privately published, by default.
The plugin will work with any modern WordPress theme that supports the Block editor.
- Install and Activate Billy on your WordPress website
- Test it
- Provide feedback
- Submit a review ⭐️⭐️⭐️⭐️⭐️
Your valuable comments and suggestions are highly appreciated and will be examined by real people. Promised.
In the meantime we are getting the PRO add-on ready which
will soon beis available for purchase here: https://them.es/plugins/billyBilly Pro has some really cool extra features and integrates CRM tools which may speed up your billing processes rapidly.
- Contact management
- Address book
- Upcoming Birthdays widget for your contacts
- Enhanced Invoices, Quotes and Accounting
- Stats & charts
- GDPR compliant by implementing the WordPress Personal Data Exporter
- …and much more
Since the “Pro” version will be available as an add-on, installing the free Plugin from the WordPress directory is required in any case – so nothing is ever lost by checking Billy “Free” out.
Stay tuned!
Comments0Leave a Reply
You must be logged in to post a comment. -
I’ve been investigating your theme…
I’ve been investigating your theme and like the simplicity and that it already includes basics such as the Bootstrap menu walker that designers like myself don’t really want to build.
I’m coming from using FoundationPress for number of years which did not facilitate child themes.
Somewhere on your site I saw a note on regarding child themes and build tools. I’m not finding it now. I want to set a child theme and use sass. I’m not clear how to do this with them.es and I haven’t set a child theme in a sass environment. So, looking for some reference for this.
Comments1-
Hi squidzink!
Creating a child theme for one of the Starter Themes is not required and not recommended. According to the official WordPress docs a Child Theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality.
The purpose of a Starter theme is to start developing from scratch with a small code base and not to use it as a Parent Theme.If you want to build a new them.es Starter Theme you need to be familiar with npm development in order to setup the required frontend build tools.
The following resource should help you setup your DEV environment: https://them.es/starter-bootstrap/getting-started
Leave a Reply
You must be logged in to post a comment. -
-
GitHub Gists
Find useful WordPress related code snippets in our new GitHub Gists repo:
Comments0Leave a Reply
You must be logged in to post a comment. -
Goodbye Grunt…
Important notice: The Grunt config in our Starter Themes got replaced by gulp + webpack in the latest releases.
Gulp is quite similar to Grunt and allows to automate tasks like SASS > CSS compilation.
Webpack makes bundling of (Javascript) modules a breeze. The main advantage of bundling modules into a single file is that static assets get a smaller file size.
Including and bundling new Javascript modules is really easy and works out-of-the-box with the given configuration. A tutorial which explains how to include webpack modules to main.js can be found here: https://webpack.js.org/concepts/modules
Comments0Leave a Reply
You must be logged in to post a comment. -
Material Design Components v3 and v3.1 released
https://github.com/material-components/material-components-web
The Material Design Starter Theme has been updated to work with this release. Only a minor code change had to be made to the fixed mdc-top-app-bar.
Comments0Leave a Reply
You must be logged in to post a comment. -
Bootstrap receives a Long Term Support Plan
Each major version of Bootstrap will receive at least six months of support after it is retired, followed by six months of critical bug fixes and security updates.
This official announcement from the Bootstrap team is important as website maintenance and update planning will be more projectable for developers.
https://blog.getbootstrap.com/2019/07/24/lts-plan
According to this blog post, Bootstrap v3 will not receive security updates anymore and that’s why the Bootstrap 3 download option has been marked as deprecated and will be removed shortly. Once Bootstrap v5 is published, this new version will become our default Starter Theme and Bootstrap v4 will become an optional download.
Comments0Leave a Reply
You must be logged in to post a comment. -
Goodbye jQuery…
We’ve removed jQuery as a frontend dependency from our Starter Themes.
Please note that jQuery is still needed in the WordPress dashboard (backend) and will be loaded there automatically!jQuery has been very useful for a while but modern web standards browser support has improved a lot and most JS frameworks started to drop any external dependencies in favor of plain/vanilla JS.
Reducing the loading time of web applications and minimizing HTTP requests is one of the main goals of many developers. And since jQuery is an external library which needs to be downloaded first, avoiding it (if possible) makes a lot of sense.
If your code still depends on jQuery you can activate it in functions.php by adding
array( 'jquery' )
in thewp_enqueue_script
function wheremain.js
is referenced (See: https://github.com/them-es/themes-starter-bootstrap/blob/v2/functions.php#L480).Further reading:
https://developer.wordpress.org/reference/functions/wp_enqueue_script
http://youmightnotneedjquery.com
https://medium.com/@trombino.marco/you-might-not-need-jquery-a-2018-performance-case-study-aa6531d0b0c3
https://developer.mozilla.org/en-US/docs/Web/JavaScript
Comments0Leave a Reply
You must be logged in to post a comment. -
React WP-API boilerplate
Our latest boilerplate has been published on Github. This is a great starting point for developers who need to create a headless WordPress Single Page Application.
Please note that you need to have a deeper knowledge of WordPress, NPM, Javascript/ReactJS and Bootstrap in order to be able to use this boilerplate.
Go to the GitHub repository, download the boilerplate and follow the instructions.
The Source Code is licensed under GPLv2 and has been published on GitHub.
A simple setup tutorial can be found in the Readme of the repository.
Comments0Leave a Reply
You must be logged in to post a comment. -
Hello, I installed the starter…
Hello, I installed the starter spa theme and am having trouble with the navigation menu. In wp-admin, I created the menu items with sub menu item, but they are not nested. Also, the menu is not scrollable so you cant see the menu items that are “below the fold”. Not sure if the theme even supports this, so I thought I would ask. Thanks!
Using wordpress 5.2. Ive attached screenshots of the admin menu builder and a screenshot of the websites homescreen.
Comments2-
Hi jerm!
Unfortunately nested menus are not supported in the Polymer Starter Kit which has been used as basis for the theme.
For larger sites which need support for submenus it would be better to use the Bootstrap Starter Theme.Thanks for informing us about the sidebar scrolling issue. This has been fixed in the latest release: https://them.es/starter-spa
-
Awesome, thanks for the reply!
I will download the latest version and give it a try. Thanks for the reply!~Jerm
-
Leave a Reply
You must be logged in to post a comment. -
Today we’ve published Billy Pro v1.4.1. This follow-up release allows you to add due dates to To do checklists and…