Press enter to see results or esc to cancel.

Abraham Garcia Abraham Garcia in Javascript/jQuery   Saturday, May 23 2020

How to Change Navbar When You Start Scrolling

Scroll and Change the Navigation with Simple jQuery and CSS

Use these snippets to change the navigation color when you scroll down on your website.  JS $(function () { $(document).scroll(function () { var $nav = $(".navbar-fixed-top"); $nav.toggleClass('scrolled', $(this).scrollTop() >

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, May 15 2020

Match Height CSS and JS Example

A jQuery Library to Have Divs on the same Height. Simple Snippet of Code. Make Your Divs all the Same Height.

A known and used library for Match Height in jQuery.  https://github.com/liabru/jquery-match-height  Simply include the JS Script <script src="jquery.matchHeight.js" type="text/javascript"></script> And add the class .item

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Thursday, May 7 2020

Bootstrap 4 Align Center Div - Learn How to Align Middle

How to Center a div on the Middle. Middle Alignment for Bootstrap 4

A short snippet to align center columns on Bootstrap 4   <div class="col-md-6 align-self-center"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat illo autem, consequatur, blanditiis aliquam, dolorem, in

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Saturday, May 2 2020

Vue JS Components and Syntax - Create Components on Vue.js

How to create reusable Components in Vue.Js. A Short snippet and code sample. Get Started Quickly with Vue.JS

A little syntax about Vue.JS and components. Define a Component and reuse it on your projects! <abraham-card title="Test Card for Abraham" body="Some quick example text to build on the card title and make up the bulk of the card's content."

Continue reading
Abraham Garcia Abraham Garcia in WordPress   Sunday, April 26 2020

How to Limit Shipping to Certain Zip Codes WooCommerce WordPress

Limit Shipping to Certain Zip Codes on WooCommerce WordPress

How to limit to certain zipcodes on WooCommerce 1. Visit WooCommerce -> Settings -> Shipping 2. Add Shipping Zone or Edit Shipping Zone 3. Click on the Limit to Specific Zip/Postcodes. You must select a region.      4.

Continue reading
Abraham Garcia Abraham Garcia in Fun Stuff   Monday, April 20 2020

How to run sudo on WinSCP Commands

Run Sudo on WinSCP and navigate folders with ease.

This is short example on how to run Sudo on WinSCP.  1. Go to WinSCP Profile 2. Click Edit > Advanced > SFTP sudo su -c /usr/lib/sftp-server (Your Folder Might Be Different) 3. Then Click on Shell Use: sudo us - 4. Press Okey 5.

Continue reading
Abraham Garcia Abraham Garcia in WordPress   Friday, April 10 2020

Add Custom Sidebar to WordPress

Add a Custom Sidebar to WordPress Function.php File and Display on Front End.

These are short snippets to insert sidebar into the front end of Wordpress website. Use it in your projects.  Functions.php function my_custom_sidebar() { register_sidebar( array ( 'name' => __( 'Custom',

Continue reading
Abraham Garcia Abraham Garcia in Fun Stuff   Friday, April 3 2020

Apache cPanel PageSpeed Disable Feature on htaccess

Disable Apache's PageSpeed Mod Feature with a Simple .htaccess snippet.

This is the short snippet to disable Apache Automatic on cPanel PageSpeed Optimization.  <IfModule pagespeed_module> ModPagespeed off </IfModule>  

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Friday, March 27 2020

Default Ordering Sorting on DataTable.js

How to change the column that DataTable.js Sorts by Default

How to sort by default row on DataTable.js. The number 3 is the column you would like to default the sorting. $(document).ready(function() { $('#example').DataTable( { "order": [[ 3, "desc" ]] } ); } );  

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Tuesday, March 24 2020

How to Set Amount of Rows that DataTable Displays

DataTables.js Is a Great JS Table Plugin. Display more than the default rows with this simple plugin option.

This is a snippet that determines the amount of records that will be outputed in the datatable.js plugin. Great plugin to make your html tables nice.  $(document).ready( function () { var table = $('#example').DataTable( { pageLength :

Continue reading