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(6y ago)21191BSD-3-ClauseScheme Since Jul 12Pushed 6y 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 2d 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 28 — LowBetter than 52% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity13 Limited adoption so far Community8 Small or concentrated contributor base Maturity61 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 2539d 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 [silverstripe-themes/simple The SilverStripe simple theme (default SilverStripe 3 theme) 411.3M8](/packages/silverstripe-themes-simple)[helsingborg-stad/municipio A bootstrap theme for creating municipality sites. 4028.3k10](/packages/helsingborg-stad-municipio) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)