PHPackages alexstack/silverstripe-custom-bootstrap4-theme - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. alexstack/silverstripe-custom-bootstrap4-theme ActiveSilverstripe-theme[Templating & Views](/categories/templating) alexstack/silverstripe-custom-bootstrap4-theme ============================================== The bootstrap 4 basic theme for SilverStripe. - Bootstrap 4.x CSS, Font Awesome 5.x, JQuery 3.x are included in the Page.ss - Bootstrap Navbar for menu link included - Mobile page friendly - Very easy to custom 1.1.1(7y ago)21191BSD-3-ClauseScheme Since Jul 12Pushed 7y agoCompare [ Source](https://github.com/AlexStack/silverstripe-custom-bootstrap4-theme)[ Packagist](https://packagist.org/packages/alexstack/silverstripe-custom-bootstrap4-theme)[ RSS](/packages/alexstack-silverstripe-custom-bootstrap4-theme/feed)WikiDiscussions master Synced 2w ago READMEChangelog (3)Dependencies (2)Versions (4)Used By (1) The bootstrap 4 basic theme for SilverStripe ============================================ [](#the-bootstrap-4-basic-theme-for-silverstripe) - Bootstrap 4.x CSS, Font Awesome 5.x, JQuery 3.x are included in the Page.ss - Bootstrap Navbar for menu link included - Mobile page friendly - Very easy to custom manually or with the [SilverStripe-All-in-One package](https://github.com/AlexStack/silverstripe-all-in-one#readme) How to install the theme ======================== [](#how-to-install-the-theme) ``` composer require alexstack/silverstripe-custom-bootstrap4-theme ``` Mobile demo page ================ [](#mobile-demo-page) [!['demo-img-mobile'](docs/images/demo-page-mobile.png)](docs/images/demo-page-mobile.png) Desktop demo page ================= [](#desktop-demo-page) [!['demo-img'](docs/images/demo-page.png)](docs/images/demo-page.png) Start a website from scratch? Try our SilverStripe All-in-one manager package ============================================================================= [](#start-a-website-from-scratch-try-our-silverstripe-all-in-one-manager-package) - It will allow you change themes in the settings from the admin without touch the themes.yml file - Easy to custom page top logo, copyright content at the bottom of every page, page content above nav bar, set different custom css file - [Click here to see the details of this SilverStripe-All-in-One package](https://github.com/AlexStack/silverstripe-all-in-one#readme) How to enable the theme in SilverStripe 4.x =========================================== [](#how-to-enable-the-theme-in-silverstripe-4x) Edit your `app/_config/theme.yml` change the 'old-theme' to 'silverstripe-custom-bootstrap4-theme': ``` SilverStripe\View\SSViewer: themes: - 'silverstripe-custom-bootstrap4-theme' - '$default' ``` Can I custom all the .ss template file? ======================================= [](#can-i-custom-all-the-ss-template-file) - Yes, you have 100% control of all the files - After install, all the .ss template files will be installed at your-ss-project/themes/silverstripe-custom-bootstrap4-theme - And css/javascript files will copy to your-ss-project/public/\_resources/themes/silverstripe-custom-bootstrap4-theme - You can ignore the css/javascript files in your-ss-project/themes/silverstripe-custom-bootstrap4-theme How to set a footer for every page ================================== [](#how-to-set-a-footer-for-every-page) - First it will display the PageFooter in SiteConfig(settings) - Then it will display the content of the URL Segment is "PageFooter" of a page - [!['page-footer-min'](docs/images/page-footer-min.png)](docs/images/page-footer-min.png) - Do not forget to set this page NOT Show in menus - Silverstripe template Includes/PageFooter.ss codes are below: ``` $SiteConfig.PageFooter $Content ``` How to set a page top(above navbar) for every page ================================================== [](#how-to-set-a-page-topabove-navbar-for-every-page) - First it will display the PageTop in SiteConfig(settings) - Then it will display the content of the URL Segment is "PageTop" of a page - [!['page-top-min'](docs/images/page-top-min.png)](docs/images/page-top-min.png) - Do not forget to set this page NOT Show in menus - Silverstripe template Includes/PageTop.ss codes are below: ``` $SiteConfig.PageTop $Content ``` How to set up the navbar menu ============================= [](#how-to-set-up-the-navbar-menu) - It will loop $Menu(1) and display links and sub-child links - Document is here: - Silverstripe template Includes/Header.ss codes are below: ``` $MenuTitle.XML (current) $MenuTitle.XML $MenuTitle.XML ``` How to set up the logo for every page (top right) ================================================= [](#how-to-set-up-the-logo-for-every-page-top-right) - It will display the TopLogo in SiteConfig(settings) - Silverstripe template Includes/Header.ss codes are below: ``` ``` How to set up the BannerImage for every page (top right) ======================================================== [](#how-to-set-up-the-bannerimage-for-every-page-top-right) - It will display the BannerImage in a page - Silverstripe template Includes/Header.ss codes are below: ``` ``` How to set up a different .css file other than custom.css ========================================================= [](#how-to-set-up-a-different-css-file-other-than-customcss) - It will display the CustomCssFile in SiteConfig(settings) - You can easily to change it via [SilverStripe-All-in-One package](https://github.com/AlexStack/silverstripe-all-in-one#readme) - Silverstripe template Includes/Header.ss codes are below: ``` CustomCssFile ``` How to enable the theme in SilverStripe 3.x =========================================== [](#how-to-enable-the-theme-in-silverstripe-3x) - Download and copy the theme into the `themes/` directory of your SilverStripe project. If you've named it correctly, there should be a directory called `themes/silverstripe-custom-bootstrap4-theme`. - Add the following to your `mysite/_config.php` file. Remove any existing `SSViewer::set_theme` lines. ``` SSViewer::set_theme("silverstripe-custom-bootstrap4-theme"); HtmlEditorConfig::get('cms')->setOption('theme_advanced_styles', 'highlight=highlight;no-border=no-border,break=break'); ``` License ======= [](#license) - BSD-3-Clause ### Health Score 29 — LowBetter than 57% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity13 Limited adoption so far Community8 Small or concentrated contributor base Maturity62 Established project with proven stability Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~2 days Total 3 Last Release 2584d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/33879126?v=4)[Alex Zeng](/maintainers/AlexStack)[@AlexStack](https://github.com/AlexStack) --- Top Contributors [![AlexStack](https://avatars.githubusercontent.com/u/33879126?v=4)](https://github.com/AlexStack "AlexStack (2 commits)") --- Tags silverstripetheme ### Embed Badge ![Health badge](/badges/alexstack-silverstripe-custom-bootstrap4-theme/health.svg) ``` [![Health](https://phpackages.com/badges/alexstack-silverstripe-custom-bootstrap4-theme/health.svg)](https://phpackages.com/packages/alexstack-silverstripe-custom-bootstrap4-theme) ``` ### Alternatives [helsingborg-stad/municipio A bootstrap theme for creating municipality sites. 4028.6k10](/packages/helsingborg-stad-municipio)[pressbooks/pressbooks Pressbooks is an open source book publishing tool built on a WordPress multisite platform. Pressbooks outputs books in multiple formats, including PDF, EPUB, web, and a variety of XML flavours, using a theming/templating system, driven by CSS. 45844.8k1](/packages/pressbooks-pressbooks)[silverstripe-themes/simple The SilverStripe simple theme (default SilverStripe 3 theme) 401.3M8](/packages/silverstripe-themes-simple)[pressbooks/pressbooks-book This theme is named after Canadian media theorist Marshall McLuhan, who coined the phrase “the medium is the message.” It is designed for academic writing and is also suitable for fiction. Headings are set in Cormorant Garamond, and body type is set in Lora. 226.7k](/packages/pressbooks-pressbooks-book) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)