- 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…
- All
- Background 1
- Carousel 3
- Elementor Extra 3
- Essential 3
- Happy Addons 2
- Header 1
- Popup 3
- Post Widget 7
- Preloader 1
- PWA 1
- Search Result 1
- Troubleshoot 5
- Video 3
- Woocommerce 1
- 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 ·
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…
WordPress/Elementor: Custom Scrollbar
DESCRIPTION Use this CSS to have the same custom scrollbar like this site. Remember to…
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…
Developer at Albali Studio