Troubleshoot · Assign Favicon For Each Site On WordPress Multisite DESCRIPTION In some cases, sub-sites on multisite is not showing the favicon. SOLUTION Install this…
Essential · Disable Zoom On Mobile Devices (Native App Style) DESCRIPTION Go to Dashboard > Elementor > Custom Code > Add New Code. Just like…
Elementor Extra · Post Widget · Elementor Extra: Limit Post Title DESCRIPTION Add this to custom CSS. Add ‘selector’ to limit the usage of CSS. You…
Carousel · Elementor Extra · Post Widget · Elementor Extra: Offset Post (Carousel) DESCRIPTION Add this CSS to offset Elementor Extra post (carousel). Aesthetically speaking, it is highly…
Elementor Extra · Popup · Post Widget · Elementor Extra: Post Widget All Space / Whole Card or Box Clickable (+Popup) DESCRIPTION Go to Dashboard > Elementor > Custom Code. And then add this code to…
Post Widget · Elementor: Add Punctuation/Three Dots/Ellipsis (…) at the End of Excerpt DESCRIPTION Add this code to add three dots (…) at the end of your excerpts.…
Header · Elementor: Change Color of Header and Show-Hide Elements On Scroll (Good for Transparent Headers) DESCRIPTION Useful for transparent headers. IMPORTANTUnder ‘Motion Effect’ settings, below ‘Offset’, you must set the ‘Effects Offset’…
Carousel · Happy Addons · Elementor: Happy Addons Carousel Offset & Padding (Not Post Widget) DESCRIPTION Customize Happy Addons ‘Carousel’ widget. You can add different links or lightbox for each…
Happy Addons · Slider · Elementor: Happy Addons Slider Offset DESCRIPTION Customization for ‘Advanced Slides’ widget by Happy Addons. CODE /* Remove selector to apply…
Background · Popup · Elementor: How To Add Blur Effect With CSS Only — Blurred Background Popup Overlay DESCRIPTION It’s good for Popups and other elements as well. Feel free to modify the…
Post Widget · Elementor: Limit Post Title DESCRIPTION Simply limit the post title based on width and lines. For Elementor Extra post…
Essential · Elementor: Make Column Scrollable DESCRIPTION Add this on the column’s custom CSS panel. Adjust the ‘max-height’ to your needs.…
Carousel · Elementor: Media Carousel Random Order DESCRIPTION Add this code in HTML widget to randomize the ‘Media Carousel’ order. CODE DEMO…
Popup · Post Widget · Elementor: Post Widget All Space / Whole Card or Box Clickable (+Popup) DESCRIPTION Go to Dashboard > Elementor > Custom Code. And then add this code to…
Post Widget · Elementor: Posts Widget Text Vertically Centered DESCRIPTION Usually used for right or left aligned media. CODE div.elementor-post__text { display: flex; justify-content:…
Preloader · Elementor: Preloader HTML DESCRIPTION Add this code on a HTML widget to activate preloader. You have to insert…
Search Result · Elementor: Search Result Custom Order DESCRIPTION To add this code, go to Dashboard > Appearance > Theme File Editor and…
Video · Elementor: Video Playlist – Make Play Icon On Image Overlay Smaller DESCRIPTION If you activate the image overlay, there is an option to show play icon.…
Troubleshoot · Fix Elementor Share Widget Issue: Whatsapp Share Line Break Missing DESCRIPTION A bug found on the share widget (last checked on Elementor Pro version 3.6.4)…
Troubleshoot · Happy Addons “List Group” Widget Background Issue Add this code on ‘Customize’ > ‘Additional CSS’: .ha-list-group .ha-list-item {background-color: #FFFFFF00 !important;}
PWA · How To Publish An App With PWA For WP Note: On PWA for WP, the icon logo and splash screen are swapped. Please test…
Troubleshoot · Multisite: Fix Critical Error On Add New Site SOLUTION If you have ‘Delete Duplicate Posts’ plugin, deadactivate it, and then see if that fixes…
Essential · Show/limit/restrict CSS on Mobile or Desktop Only, Using Custom Breakpoints DESCRIPTION This is very helpful for limiting custom CSS to certain breakpoints. Usage examples are…
Woocommerce · Woocommerce: Disable Billing Address DESCRIPTION Simplify checkout for virtual products or order via WhatsApp. Add this code in function.php.…
Troubleshoot · WordPress: Original/Default Custom Field Not Showing (Crash with ACF) DESCRIPTION If custom field is not showing when ACF plugin is activated, go to Dashboard…
Scrollbar · WordPress/Elementor: Custom Scrollbar DESCRIPTION Use this CSS to have the same custom scrollbar like this site. Remember to…
Scrollbar · WordPress/Elementor: Hide Browser Scrollbar DESCRIPTION To hide scrollbar globally, go to Dashboard > Appearance > Customize > Custom CSS.…
Video · YotuWP: Custom CSS DESCRIPTION Go to Dashboard > Appearance > Customize and add this custom CSS. CODE DARK…