Add responsive screen size buttons in css/scss preview iframe and increase width of iframe
Auto rotate beaver builder powerpack addons "advanced tabs" module
Inspired and copied from this jquery plugin code https://vdw.github.io/Tabslet/ Documentation can be found here https://github.com/vdw/Tabslet/wiki
Render both js files in footer defered
The code was modified to work with powerpacks advanced tabs modules
Using a simple chrome extension like https://chromewebstore.google.com/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en-US you can add styles to Cloudways dashboard.
Add the css for Cloudways.com to do the following
- Hides the uguru and client billing tabs (assuming you aren't using either)
- Expands the application dropdowns so you can view all applications on a server
- Keeps the left menu bar in the expanded state
Header will need to be set to sticky and overlay by default.
Simply add this script to your global JS or enque as a seperate script file.
How to Add Codebox Button to Admin Bar with wpcodebox,
- create a PHP snippet
- run snippet on page load
- insert at admin_head
The snippet checks if logged in and only runs if true
Scss snippet added inline in admin footer to update WPcoedbox folder and snippet styles, and add a different color background to cloud snippets
Hide WPCodebox menu item and page from other users.
Make it availble to all admins with email of @agencyemail or by username
Easy Scrollspy setup for BB theme users running full Bootstrap 4 or anyone using Bootstrap 4 with BB.
For BB theme, enable full bootstrap 4 under customize > General > Layout (Or load it from CDN on a single page if not using it sitewide)
JS file add to BB page JS directly or load via external file in footer defered.
Currently using it with PowerPack's Table of Contents module, but this could be used for any list/menu of links, just change the data-target attribute.
I referred to this documentation when setting up