Kevin-LeMasters-PixelParade’s gists

Kevin-LeMasters-PixelParade / _BeaverBuilder-Scrollspy-Bootstrap.md

Last active April 16, 2024 12:49

Easy Scrollspy setup for BB theme users running full Bootstrap 4 or anyone using Bootstrap 4 with/without BB

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

Kevin-LeMasters-PixelParade / _hide_wpcodebox.md

Last active April 18, 2024 17:32

Hide WPCodebox menu item and page from other users.

Make it availble to all admins with email of @agencyemail or by username

Kevin-LeMasters-PixelParade / _wpcodebox_folder_and_cloud_styles.md

Created April 18, 2024 15:55

Scss snippet added inline in admin footer to update WPcoedbox folder and snippet styles, and add a different color background to cloud snippets

Kevin-LeMasters-PixelParade / _add_wpcodebox_to_admin_bar.md

Created May 1, 2024 15:50

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

Kevin-LeMasters-PixelParade / _auto_hide_reveal_header.md

Last active May 13, 2024 16:28

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.

Kevin-LeMasters-PixelParade / _footer_reveal.md

Created May 13, 2024 13:11

Add the JS snippet to your global js footer reveal effect (the "footer.fl-builder-content" target is specific to a beaver builder footer, but can be modified as needed).

Kevin-LeMasters-PixelParade / _visualy_enhance_Cloudways_dashboard.md

Last active May 15, 2024 01:16

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

Kevin-LeMasters-PixelParade / _auto_rotate_powerpack_tabs.md

Created May 15, 2024 01:02

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

Kevin-LeMasters-PixelParade / _add_responsive_screensize_toggles_wpcodebox.md

Created May 15, 2024 10:59

Add responsive screen size buttons in css/scss preview iframe and increase width of iframe