SASS + WORDPRESS
The power of SASS, merged with the WordPress Customizer
The picostrap Theme allows you to brew your own Bootstrap CSS easily: using the WordPress Customizer, you can totally control site typography, colors, spacings.
Hit "Publish" and it will recompile the Bootstrap SCSS code "on the fly".
Thanks to the built-in SCSS compiler you can also write sassy CSS directly in your Theme, and all your CSS assets will be compiled into a single minified CSS file. All is done on the server, no need for command line tools. Easy and automatic. Install and Activate the Theme, you're done.
A REAL TIME EXPERIENCE
Live Reloading. Without installing anything on your machine.
This means that when you edit and save a file in the /sass folder, if you're logged as administrator, the page will automatically reload and pick up the changes.
This can greatly reduce your time spent on switching window, hitting cmd-R on your browser, switching back...
No wasted bytes. Light as a feather
picostrap helps you say goodbye to bloat.
All the extra WordPress tags are removed, to make your site's HTML header look like the super-succinct original Bootstrap starter HTML template (this one) - well actually, even better, as it drops jQuery too!
No jQuery, No FontAwesome, No jank = Superfast sites!
DISCOVER ALL FEATURES
The perfect starter theme to build your next masterpiece.
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. PicoStrap 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. Now with LiveReload feature!
Find beautiful Font Combinations
Easily change the font family used for main body text and headings, choosing from the full Google Fonts list. Feeling lazy? 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/_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 PicoStrap'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.
Child Theme Provided
The best option to have full control on the SCSS pipeline, and cod your own masterpiece.
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