A superlean child theme for
with a built-in SCSS compiler
November 2020 update:
Something new is coming
While CustomStrap is perfectly fine to use today,
we have a newer starter theme available: picostrap.
It's similar, but quite a bit faster.
Compared to CustomStrap, picostrap drops the FontAwesome icon font, jQuery and some JS...it's more "barebones". It delivers better performance though
The best way to experience Bootstrap 4 on WordPress.
Understrap is the top rated Bootstrap 4-based WordPress Starter Theme on GitHub.
While being a great tool for developers, it totally lacks customization options.
It assumes you will install SASS on your development machine to tweak Bootstrap to your likings, eg. to change fonts and colors.
If you are not familiar with command line tools, or just want to do tweak BootStrap more easily, directly from the WordPress customizer, CustomStrap is the answer.
Watch the video
The power of SASS,
merged with the
Instantly Customize Colors on the fly
Instantly set colors for the Bootstrap Color variables like Primary, Secondary, and style items like Menu Bar Background / Links / Hover Links. No inline styling is added.
Built-in PHP SCSS compiler
No need to install command line tools. CustomStrap will rebuild your CSS bundle automatically, when you hit the Publish button in the WordPress Customizer, or when you change some file in the /sass folder!
Find beautiful Font Combinations
Easily change the font family used for main body text and headings, choosing from the full Google Fonts list. To get a quicker result, we have some ideal font couples suggested from FontPair.
Set your own variables
If the Customizer settings are not enough for you, you can use the sass/_theme_variables-custom.scss file to customize each and every Bootstrap variable. Who said Bootstrap-based sites shall look all the same?
Add your own SCSS / CSS code
You can use the sass/_theme-custom.scss file to add your own styling. All will be automatically merged in your single, minified CSS file, for maximum site speed. You don't need any CSS minification / concatenation plugins.
Enable Responsive Typography
One of the most useful recent additions to Bootstrap is responsive typography. Just tick a box in the Customizer, hit the publish button and you're done! Fonts will smoothly grow bigger on larger screens, while staying acceptably sized on mobile devices.
Hide unnecessary template tags
Using WP for a showcase or single author site? If you want, you can hide author, post dates, prev/next links. No need to hack the single and the archive template anymore. Just a few clicks in the Customizer.
If you're not using WordPress to build a blog, you may love CustomStrap's feature to optionally disable the whole WordPress comment system in one click. Say no to unnecessary spam.
Keeps your head clean
Removes tons of unnecessary tags from your site's <head>, like Emojis. And if you are using the Classic editor plugin to disable Gutenberg, the additional CSS for GT blocks is removed. See the cleanup.php file for details.
Sharing Buttons [OPT-IN]
An optional topbar is useful for adding important information like contact details and links. You can customize it's HTML content directly from the Customizer
...and there's even more useful stuff in the Customizer...
- Show / Hide Site tagline in Header
- Edit Footer bottom text
- Set main navigation bar placement (top / fixed / bottom)
- Set main navigation color scheme
- Add code to site header (useful to add Analytics without a plugin)
- Add HTML to site footer