Snippets

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 »

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 »

How to change revolution slider background color opacity

How to change revolution slider background color opacity

.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

divi theme take-out-separator

Divi – Remove the divider line between content and sidebar

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 …

Divi – Remove the divider line between content and sidebar Read More »

How to Style Your Divi Blog Page into Two-Column Grid Layout

How to Style Your Divi Blog Page into Two-Column Grid Layout

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 …

How to Style Your Divi Blog Page into Two-Column Grid Layout Read More »

Scroll to Top