How to create a grayscale client logo layout in Divi










I'm a freelance WordPress Developer and Project Manager. Specialize in WordPress, Woocommerce, Custom WordPress Theme and Plugin Development, and Shopify. Highly skilled in HTML5, CSS3, SCSS, JavaScript, jQuery, Ajax, ES6, Bootstrap, PHP and MySQL.
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 need Envira Gallery Pro and Envira Gallery Pagination addon to active Pagination in Envira Gallery. Paste this code in your Theme Custom CSS section or If you have Envira CSS addon then Misc >> Custom Gallery CSS section.
Custom taxonomies are an essential part of WordPress development, providing a way to organize content and make it more easily searchable. In this video, we will see how to show custom taxonomies within the admin area of your custom post type so that WordPress users can sort the posts by the custom taxonomy and also bulk edit them.
One of my clients asked me to fix an error in Mobile view of his website. It’s using Astra Pro theme with Thrive Architect page builder. Mobile View – There is an extra white space to the right (left and right scrolling) caused by the tiny scroll to the to button. Client’s Comment Here is…
There is no built-in emmet shortcut in PhpStorm to insert a <?php ?> tag. But we can set it by Going to File -> Settings -> — IDE Settings — -> Live Templates For Mac User: PhpStorm->Preferences->Editor->Live Templates, click on the PHP and add new Live Template. On right sidebar click on “+” then: Abbreviation…
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…