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…
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…
Rsync (Remote Sync) is the 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…
I use Avada Theme to design my website and Fusion Builder for page design. I place all my custom CSS for the style Paid Membership Pro Member Checkout form in the Fusion Builder custom CSS section (see the image below). form.pmpro_form > div{ margin: 30px 0; } #pmpro_form .pmpro_checkout h3{ display: block; font-size: 32px; color:…
.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
First, ensure that you have both the source files and your copy destination mounted and available on your system so you can see them in the Finder. Then open the OS X Terminal and perform the following steps: This command now tells the computer to run the “rsync” command (or another copy command you’ve chosen),…
By default the Divi Theme displays a dividing line between the main content and the sidebar. It’s possible to remove this dividing line using CSS.Note that there are two cases in which a dividing line may occur (either on a standard sidebar, or on a sidebar module). Remove divider line between content and sidebar from…
You can take a full page screen shot of any live website using Firefox build-in Web Development Tool. No need to install add-on or third party apps. If past and works well. Go to Tools > Web Developer > Developer Toolbar, then type screenshot –fullpage That’s it.
Add a Standard Section and insert a fullwidth column. Click to edit the Section Settings and, under General Settings, change the following: Under Custom CSS add the following: CSS Class: tr_two_col Save & Exit Implementing the Two-Column Grid Layout By default, the blog grid has a three-columnn grid layout. To change this to a two-column…
![Use Different Logo on a Fixed Header in Divi Theme [Fixed Firefox issue]](https://blog.tawfiq.me/wp-content/uploads/2017/11/Use-Different-Logo-on-a-Fixed-Header-in-Divi-Theme-768x292.png){kind=logo}
Make two versions of your logo that are both 200×131 and add them to your WordPress Media library. One logo will be used for the main header and one will be used for your fixed header. Insert CSS Snippet to Switch Logo on Fixed Header One of the simplest ways to switch your logo image…
Sometimes you want to create an offline copy of a site that you can take and view even without internet access. Using wget you can make such copy easily: wget –mirror –convert-links –adjust-extension –page-requisites –wait=2 -o log –no-parent http://example.org Explanation: –mirror // Makes (among other things) the download recursive. –convert-links // convert all the links…
SSH is a lot faster downloading WordPress and uploading it to your server than via FTP. These are the SSH commands to get the latest WordPress package and install it on your server. To run these commands, you must have an SSH client installed. In Mac OSX and Linux SSH client is build it with Terminal…