Appearance > Menus Enable CSS Classes option from Screen Options Add two Custom Link with CSS class “menu-cta” for Desktop CTA Button and “mobile-menu-item” for Mobile CTA Button Desktop view Mobile view
The Fullwidth Header section in Divi gives you the option to create a background overlay. However, for standard sections (or any other location) that option is not available. This tutorial will show you how to add overlay color to the parallax background image on standard Section. This overlay makes reading the text easier especially when…
The Divi Bottom Bar, located just below the WordPress footer, is a perfect place for Copyright © 2019 information. If you do not want to add a dynamic year, it is easy enough to just edit the text in the Theme Customizer by editing the Footer->Bottom Bar->Edit Footer Credits field. But every year you have…
Theme Options > Custom CSS Note: we should use id=”icon-love”, otherwise it will be overwrite by #footer-info styles. Inline style will not work also.
Does your WordPress site show an error message similar to this? 1. Increase PHP Memory Limit in WordPress, wp-config.php file you need to paste this code in wp-config.php file just before the line that says ‘That’s all, stop editing! Happy blogging.’ This code tells WordPress to increase the PHP memory limit to 128MB. 2: Theme Functions…
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….
It does seem a little odd that image left and right alignment is not included as a setting in the divi fullwidth slider module. By default when you place an image in fullwidth slider it places left side of the text, what if you want to place the image in right and text on left….
If you want to show your content center align on mobile devices for some specific section then you can do this very easily via CSS.add a custom CSS class of ts-center-text-mobile in Text Module settings and use this bit of CSS in Divi > Theme Options > General > Custom CSS section If you want to…
// navbar background color change on scroll $(window).scroll(function(){ var scroll = $(window).scrollTop(); if(scroll < 300){ $(‘.fixed-top’).css(‘background’, ‘transparent’); } else{ $(‘.fixed-top’).css(‘background’, ‘rgba(23, 162, 184, 0.9)’); } });
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”>
Sometimes there is a need to hide files on a Mac from other people’s eyes. I’ll share some effective ways to hide and unhide files and folders on your Mac with you today. The Quickest Way to Show/Hide Hidden Files Since the release of macOS Sierra, when in Finder, it is now possible to use…
Dual-boot or even multi-boot Ubuntu with other operating systems? You may wish to change which OS starts as default in the Grub2 boot-loader. If you’ve booted into Ubuntu, you can change the boot order via two ways: Set Default OS by Manually configuring Grub: For those who don’t wish to customize Ubuntu via third-party applications,…