SyntaxHighlighter plugin

Changing the font size, line height and code box padding of Syntaxhighlighter Evolved plugin

By Default Syntaxhighlighter Evolved plugin came with no top and bottom padding and very tight line height. If you are someone like me who love some breathing space in between every section in a WordPress post then you can try the below CSS code snippet. Screenshots are attached before and after applying the CSS code. …

Changing the font size, line height and code box padding of Syntaxhighlighter Evolved plugin Read More »

ubuntu duel boot with windows

How to change the default OS as Windows 7/8/10 in dual boot menu with Ubuntu 16.04/17.10

Dual-boot or even multi-boot Ubuntu with other operating systems? You may wish to change which OS starts as default in the Grub2 boot-loader. If you’ve booted into Ubuntu, you can change the boot order via two ways: use Grub-Customizer, a graphical tool. configure Grub2 manually via a few commands. Set Default OS by Manually configuring Grub: …

How to change the default OS as Windows 7/8/10 in dual boot menu with Ubuntu 16.04/17.10 Read More »

Avada-Change-fusion-tabs-heading-position-in-mobile-layout

Avada – Change fusion tabs heading position in mobile layout

Avada fusion tabs, the horizontal tabs work well on a desktop when viewed on mobile the tabs become vertical (which is good) but the content appears under the specific tabs pushing the rest above and/or below the open contents (which is bad). Many mobile users may not even realize that there are more tabs if they …

Avada – Change fusion tabs heading position in mobile layout Read More »

Sketch app logo

How to export the original image inserted in a Sketch document

Make a duplicate of your Sketch file Rename the file extension from .sketch to .zip Extract the zip file Find your image in the /images subfolder of the newly created folder Ref source: https://graphicdesign.stackexchange.com/questions/55076/how-do-you-export-the-original-image-that-was-inserted-in-a-sketch-document

Center and crop images with CSS: image-after

Center and crop image with pure CSS

It’s simple. Set your image crop dimensions and use this line in your CSS: img { object-fit: cover; } That’s it. No need for unsemantic, wrapping divs or any other nonsense. This technique works great for cropping awkwardly-sized pictures down to squares or circles. Take this wide photo below for example. Once object-fit: cover is applied to the …

Center and crop image with pure CSS Read More »

all-in-one-wp-migration-increase-upload-limit-10

How to quickly increase the All-in-One WP Migration plugin upload limit

Update 11/09/2018 For the instructions outlined in this tutorial to work, you must use version 6.77 or earlier of the All-in-one WP Migration Plugin. You can download version 6.77 here, all-in-one-wp-migration.6.77 In the constants file… /wp-content/plugins/all-in-one-wp-migration/constants.php Find this… // ================= // = Max File Size = // ================= define( ‘AI1WM_MAX_FILE_SIZE’, 2 << 28 ); and replace …

How to quickly increase the All-in-One WP Migration plugin upload limit Read More »

How-to-Use-Rsync-to-Sync-remote-and-local-directories

How to Use rsync to Transfer and Synchronize Local and Remote Directories

Rsync (Remote Sync) is a most commonly used command for copying and synchronizing files and directories remotely as well as locally in Linux/Unix systems. With the help of rsync command you can copy and synchronize your data remotely and locally across directories, across disks and networks, perform data backups and mirroring between two Linux machines. Using the Rsync for Linux is somewhat tricky and you have to be …

How to Use rsync to Transfer and Synchronize Local and Remote Directories Read More »

Scroll to Top