Bootstrap 4 Navbar - align brand to your left and all the navbar-items to right

How to download PDF files automatically instead of opening in new tab

ByTawfiqur Rahman June 26, 2019November 4, 2022

By default, most downloadable PDF files usually open in a new window or tab. It’s true for the static site or WordPress sites also. This document contains steps on how to make the browser download PDF files automatically, rather than open in a new tab. We’ll use a simple jQuery solution for it.

Plugin | Snippets | Wordpress

How to add FacetWP Reset Filters button

ByTawfiqur Rahman April 17, 2020November 4, 2022

If you want to add a button to reset your FacetWP filters, you may use the snippet below: Reset FacetWP Facets Reset all facets: FWP.reset(); Or reset one facet: FWP.reset(‘make’); Or reset multiple facets: FWP.reset([‘make’, ‘model’, ‘year’]); Or reset individual values: FWP.reset({ ‘make’: ‘audi’ }); Use onclick for buttons and other HTML elements: <button value=”Reset” onclick=”FWP.reset()” class=”facet-reset”>Reset</button> Don’t know where to write this code?…

Squarespace

How to make the navigation menu partially transparent / Gray opacity

ByTawfiqur Rahman June 25, 2022January 11, 2023

In this video, I will be discussing how to make the navigation menu on your Squarespace website partially transparent or add a gray opacity. This technique can give your website a modern and sleek look, and make it easy for visitors to focus on your content.

Linux/Ubuntu | Snippets

Basic Vim Commands to start work with Vim Editor

ByTawfiqur Rahman June 16, 2020November 4, 2022

Before we start, let’s know about the Vim modes. Vim has two modes: Command mode When you start Vim, you are placed in Command mode. In the command mode, you can move across the screen, delete text, copy text and give commands to the editor to get things done. Insert mode If you want to write…

JavaScript | Snippets | Wordpress

How to open all external links in New Window or New Tab without a WordPress plugin

ByTawfiqur Rahman November 6, 2019November 4, 2022

Do you want to open external links from your blog posts in a new window? Opening external links in a new window allow your users to visit the link without leaving your website. I will also show different code snippets to do that, so you can choose the one that works for you. For this,…

Avada | Snippets | Wordpress

How to change revolution slider background color opacity

ByTawfiqur Rahman January 19, 2018November 4, 2022

.rev_slider .slotholder:after { width: 100%; height: 100%; content: “”; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.5); } Can do the same for section background image, just need to add a class to the container and put the .classname in place of .rev_slider .slotholder

Bootstrap 4 Navbar – align brand to your left and all the navbar-items to right