If you want to align brand to your left and all the navbar-items to right, change the default mr-auto to ml-auto
<ul class="navbar-nav ml-auto">
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.
Divi breakpoints The breakpoint means that the layout of your website changes at a certain screen size. Divi has three default breakpoints for mobile, tablets and desktop versions of your website. CSS media queries for Divi Breakpoints For screen sizes not larger than 479px. You want to use this for mobile devices. For screen sizes…
Error: SMTP Error (550): Failed to set sender “someone@example.com” (Access denied – Invalid HELO name (See RFC2821 4.1.3)). You should add smtp helo name in the mail configuration. Find the file config.inc.php and edit it nano /etc/roundcube/config.inc.php add the line. $config[‘smtp_helo_host’] = ‘localhost’; Now login to your mail client and test the outgoing mail by sending one.
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.
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….
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…
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…
