History: Shapely
Preview of version: 2
<a href="display221?display" class="cboxElement" data-box="box" title="Theme preview"><img src="display221" class="img-fluid screenshot" alt="theme screenshot"></a>
</div> <div class="description_full">
Some highlights of this theme adaptation for Tiki are
- Parallax scrolling effect
- Web font for headings
- Theme-specific button colors (extended button class that can be easily defined using the custom Less feature)
- Uncluttered typography and page layout
From original Readme file:
"This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business, personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. We promise.
Parallax scrolling effect
Shapely features vertical parallax scrolling, the popular visual effect. As the page is scrolled, the page section background and foreground both move in the opposite direction (but at different speeds, just as close objects pass faster than distant ones as you move past them) .
Support for all Tiki plugins
This is because, of course, all Tiki themes automatically support all Tiki plugins, modules and templates, which are part of the core code and not third-party extensions.
Shapely button colors
The Shapely demo page shows an outline button with transparent background and a filled button with a contrasting hover background color. The colors for these can easily be changed using Tiki's new "custom Less" feature. No Less or CSS knowledge required.
Installation
When the theme archive is expanded, its files will be in a directory (folder) that contains all the theme files in their necessary subdirectories. Install the theme by transferring this directory to the Tiki site's "themes" directory. After refreshing the site's Look and Feel admin page, the theme name will appear in the theme selector, and can be selected.
To replicate the appearance of the WordPress original, the Fixed top navbar 2 layout template can be selected. This uses the site icon (32px by 32px) and the topbar module zone.
</div> </div> <div class="col-sm-6"> <div class="theme_details"> <table class="table table-striped mb-4"> <tr> <td>Author</td> <td>Zukathemes (Gary Cunningham-Lee)</td> </tr> <tr> <td>Author's website</td> <td><a href="https://zukathemes.com" target="_blank">https://zukathemes.com</td> </tr> <!-- <tr> <td>Creation date</td> <td>Zukathemes (Gary Cunningham-Lee)</td> </tr> <tr> <td>Last update</td> <td></td> </tr> --> <tr> <td>License</td> <td>GPL</td> </tr> <tr> <td>Bootstrap version compatibility<br> Note:<br> Bootstrap 3 ( Tiki 13 18)<br> Bootstrap 4 (Tiki 19 24) </td> <td>Bootstrap 3</td> </tr> <tr> <tr> <td colspan="2"><strong>If adapted from another theme...</strong></td> </tr> <tr> <td>Source theme author</td> <td>Colorlib</td> </tr> <tr> <td>Source theme website</td> <td>https://colorlib.com/shapely</td> </tr> <tr> <td>Source theme license</td> <td>GPL</td> </tr> </table> <h3>Download</h3> <table class="table table-striped margin-bottom-lg"> <tr><td><h4>For Bootstrap 3</h4></td><td class="text-center"><a href="display222" class="btn btn-success btn-lg"><i class="fa fa-download"></i> <small>Download</small></a></td></tr></table> <div style="display:none"> <div class="row"> <div class="col-sm-6"><a href="http://demo.zukathemes.com/Shapely" class="btn btn-primary btn-lg btn-block" target="_blank"><i class="fa fa-laptop"></i> Demo</a></div> </div> <h3>Theme options</h3> <div class="row"> <div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div> </div> </div> </div> </div> </div>