Contact Form Not Sending Emails on Lovable, Base44 or v0? How to Fix It
Why AI builder contact forms show “sent” but no email arrives, and how to fix it on Lovable, Base44 and v0.
Read guideJournal
Practical tutorials, comparisons and ideas from years of building WordPress websites. Most guides include code you can copy and a live demo.
AI Website Builders
Typing Practice
Free English Typing Test and Practice Online: Improve Your WPM
Take a free 1, 3 or 5 minute English typing test, check your WPM and accuracy, and follow a simple plan to type faster.
Read guide
Typing Practice
Learn Bijoy 52 Bangla Typing Online for Free: A Step by Step Guide
Learn the Bijoy 52 Bangla keyboard from the home row up, with free lessons, a finger guide, timed tests and a typing game.
Read guide
AI Website Builders
Case Study: Rebuilding Base44 Sites in WordPress for a German Marketing Agency
How APE Marketing, a German agency, designs client sites fast in Base44 and hands them to me to rebuild as editable WordPress sites.
Read guide
AI Website Builders
Base44 to WordPress: What Transfers and What Gets Rebuilt
Moving a Base44 site to WordPress? What carries over as-is, what needs rebuilding, and how to keep your rankings, based on real agency projects.
Read guide
AI Website Builders
Stay on Lovable, Base44 or v0, or Move to WordPress? An Honest Checklist
A practical way to decide whether to finish your AI-built site where it is or rebuild it in WordPress, from someone who does both.
Read guide
AI Website Builders
Lovable SEO Checklist: What to Fix Before You Launch
Lovable now renders pages on the server, but rendering is only half of SEO. A 12-point checklist to fix before you launch a Lovable site.
Read guide
AI Website Builders
How to Sell an E-book or Digital Product on a Lovable Site with Stripe
Turn a Lovable site into a working digital store: Stripe checkout, secure download delivery, order emails and a safe test before going live.
Read guide
AI Website Builders
How to Connect a Custom Domain to Lovable, Base44 and v0
Step-by-step domain setup for Lovable, Base44 and v0 (Vercel), plus the DNS mistakes that keep a site stuck on Pending.
Read guide
Multilingual and Translation
TranslatePress AI Translation Cost Comparison: Google vs DeepL vs ChatGPT vs DeepSeek
Google, DeepL, ChatGPT and DeepSeek compared for TranslatePress, with real costs per million characters for a typical website.
Read guideMultilingual and Translation
How to Use ChatGPT or DeepSeek with TranslatePress (Step-by-Step Setup)
Connect ChatGPT or DeepSeek to TranslatePress step by step, for natural AI translations at a fraction of the usual cost.
Read guideMultilingual and Translation
TranslatePress Free Automatic Translation: Translate Your Site Without an API Key
Turn on automatic translation in TranslatePress for free, with no API key and no billing, in about five minutes.
Read guide
WordPress guides
How to Fix Anchor Links Hidden Behind a Fixed Header
Learn how to keep anchor-linked sections visible below a fixed or sticky header using one reusable CSS scroll offset.
Read guide
WordPress guides
WordPress Translation Using JavaScript and jQuery
Adding a language switch to your WordPress site does not always require a heavy plugin. With a little JavaScript and jQuery you can swap text on the fly and give visitors a lightweight translation option.
Read guide
Visual effects
Text Marquee in Elementor with HTML and CSS
A text marquee adds movement to your page by scrolling a line of text across the screen, perfect for announcements, offers, or headlines.
Read guide
Interactions
Tab hover changes Paragraph using JavaScript for Elementor
Showing different text as a visitor hovers over tabs makes a section feel interactive and saves space. This guide shows how to change paragraph text on tab hover in Elementor using a small JavaScript snippet.
Read guide
Interactions
Custom Slider or Carousel Button in Elementor
Default slider arrows and dots do not always match your design. Customizing the slider or carousel buttons in Elementor lets you create controls that fit your brand perfectly. This guide shows how to style them with a little CSS.
Read guide
WordPress guides
Shilpi: The AI-Native WordPress Builder That Stores Pages as Plain HTML, CSS and JS
Every WordPress page builder asks you to make the same trade: build fast now, and accept that your pages live inside a proprietary format you can never fully leave. Shilpi is my attempt to remove that trade entirely.
Read guide
Interactions
Add a Copy Post Link Button in Elementor
Giving readers a one click way to copy your post link makes sharing effortless. This guide shows how to add a copy link button in Elementor using a small piece of JavaScript.
Read guide
WordPress guides
Polylang vs TranslatePress: Which WordPress Translation Plugin Is Best?
Making your WordPress site multilingual is one of the easiest ways to reach a global audience. Two of the most popular plugins for this are Polylang and TranslatePress .
Read guide
Visual effects
Play Button Animation in Elementor with CSS
A play button that gently pulses draws the eye straight to your video or audio content. In this tutorial you will build one in Elementor using nothing but CSS, so it stays lightweight and works on any device.
Read guide
Visual effects
Particle Effect for Elementor with CSS and JS
An animated particle background adds depth and movement to hero sections without heavy images. This guide shows how to add a particle effect in Elementor using CSS and JavaScript.
Read guide
WordPress guides
How to Edit, Export, and Reset TranslatePress Translations (Without Touching the Database)
With TranslatePress, translating is the easy part.
Read guide
Visual effects
Image Marquee in Elementor: Scrolling Image Effect
A scrolling image marquee is a smooth way to show logos, partners, or a gallery in a continuous moving strip. This guide shows how to create an image marquee in Elementor with simple HTML and CSS.
Read guide
Interactions
HTML mark Tag and CSS in Elementor
The HTML mark tag is a simple, semantic way to highlight important words, like a text highlighter on paper. This guide shows how to use it in Elementor and style it with CSS so your highlights match your brand.
Read guide
Interactions
Custom HTML & CSS Navigation Menu in Elementor (No Plugin)
Most WordPress mega-menu plugins add extra CSS/JS files that slow down your site, and 90% of the time, you don’t even need that much complexity.
Read guide
WordPress guides
How to Download a JSON File From a Website
Sometimes you want visitors to download data as a JSON file directly from your site, without a server round trip. This guide shows how to generate and download a JSON file from a website using simple JavaScript.
Read guide
Visual effects
How to Create Gradient Text in Elementor Pro with Custom CSS
Gradient text instantly makes headings feel modern and premium. With Elementor Pro and a few lines of custom CSS you can apply a smooth color gradient to any heading, no images required.
Read guide
Visual effects
How to Create a Smoke Text Effect in Elementor (With Code + Live Demo)
A smoke text effect makes letters drift and dissolve like vapor, adding a striking, animated touch to headings. This guide shows how to create it in Elementor using simple HTML and CSS, with a live demo.
Read guide
Visual effects
How to Create a Highlight Heading in Elementor
A highlight behind key words in a heading draws attention and adds personality to your titles. This guide shows how to create a highlight heading in Elementor with a custom code snippet.
Read guide
Visual effects
How to use gradient text in Elementor
Gradient text is an easy way to make headings pop without using images. This guide shows the simplest method to apply a color gradient to text in Elementor using CSS.
Read guide
Visual effects
Glassy (Glassmorphism) Effect in Elementor
The glassmorphism, or glassy, effect gives cards and sections a frosted, semi transparent look that feels modern and premium. This guide shows how to create it in Elementor with a few lines of CSS.
Read guide
WordPress guides
Elementor vs Bricks Builder: Which WordPress Page Builder Is Best?
Choosing a WordPress page builder often comes down to two strong names: Elementor , the most popular builder in the world, and Bricks , a newer, developer-loved builder known for clean, fast code.
Read guide
Interactions
How to Add a Sound Button for Elementor Video Backgrounds
Video backgrounds usually play muted, which means visitors miss the audio. Adding a sound on and off button lets them choose to listen, improving the experience.
Read guide
Interactions
How to Add a Placeholder to an Elementor Select Field
By default, Elementor form select fields can look empty or unclear without a prompt. Adding a placeholder option guides users on what to choose and improves your form experience.
Read guide
Interactions
Elementor Form Custom Thank You Message
A custom thank you message after a form submission reassures visitors and can guide their next step. This guide shows how to display a personalized thank you message in Elementor after someone submits your form.
Read guide
Visual effects
Elementor Button Animation and Hover Effect
A well animated button invites clicks and makes your calls to action feel alive. This guide shows how to create a smooth button hover animation in Elementor with custom CSS. Copy the code and apply it to any button to add polish.
Read guide
Interactions
Advanced Custom Slider with Card Carousel in Elementor
A card carousel is a clean way to show testimonials, products, or featured posts in a compact, swipeable row.
Read guide
Visual effects
Custom Scrollbar for an Elementor Container
A styled scrollbar is a small detail that makes a design feel finished and cohesive. This guide shows how to add a custom scrollbar to any Elementor container with simple CSS. Copy the code, match your colors, and refine the look.
Read guide
Interactions
How to Create Custom Dynamic Popups in Elementor with CSS & JS
Popups are great for offers, sign ups, and announcements, and building custom dynamic ones gives you full control over design and behavior. This guide shows how to create custom dynamic popups in Elementor using CSS and JavaScript.
Read guide
Visual effects
Custom Mouse Cursor Effect in Elementor
A custom mouse cursor adds a distinctive, modern touch to your website and makes the experience feel more interactive. This tutorial shows how to create a custom cursor effect in Elementor with a little CSS and JavaScript.
Read guide
Visual effects
CSS Flip Card in Elementor: Pure CSS Hover Flip (Code + Live Demo)
A flip card is a fun, interactive way to show extra information, the card rotates in 3D to reveal a back side on hover. The best part? You can build it in Elementor with pure CSS : no plugin and no JavaScript.
Read guide
Visual effects
Create an Animated Hamburger Menu using Elementor
The hamburger icon is the standard trigger for mobile menus, and animating it into an X on click makes your navigation feel polished. This guide shows how to build a responsive, animated hamburger menu in Elementor.
Read guide
Visual effects
Create a Stylish Drop Cap in WordPress Using Elementor + CSS
A drop cap, the large decorative first letter of a paragraph, adds an elegant editorial touch to your articles. This guide shows how to create a stylish drop cap in WordPress using Elementor and CSS.
Read guide
Interactions
Click Text to Change Image in Elementor
Letting visitors click a piece of text to swap an image makes your page interactive and engaging. In this tutorial you will build that effect in Elementor using a small amount of JavaScript.
Read guide
Interactions
Change Section Background Image on Click in Elementor
Changing a section background image when a visitor clicks a control makes a page feel dynamic and interactive. This guide shows how to swap an Elementor section background on click using a Click ID and simple JavaScript.
Read guide
Interactions
Check ZIP Code Validity in Piotnet Forms
Validating a ZIP or postal code before a form is submitted keeps your data clean and avoids bad entries. This guide shows how to check ZIP validity in a Piotnet Form for Elementor with custom code.
Read guide
Interactions
Automatically Close an Elementor Popup Menu on Link Click
When you use an Elementor popup as a mobile menu, it often stays open after a visitor taps a link, which feels clunky.
Read guide
Visual effects
Animated Gradient Border in Elementor with Pure CSS (Code + Live Demo)
Want your Elementor cards, buttons, or sections to really grab attention? An animated gradient border is one of the cleanest ways to do it, a glowing, rotating color edge that runs on pure CSS , with no plugin and no JavaScript.
Read guideNo guides match that search.
Need help with your site?
Let’s build it together
If a tutorial is close to what you need, I can build the full solution for you.
Prefer email? f@mojibur.com