Simple Web Development tips & spiritual observations
One of my client was trying to send customer manual invoice through mail he was facing a problem, a third-party apps like Pickeasy was adding checkout validation rules and asking a delivery date or time which was blocking customer from completing payment when they click your invoice link.
After checking I found Shopify has a built-in solution hiding inside the Send Invoice dialog.
Continue reading “How to Send a Shopify Draft Order Invoice Without Checkout Validation Rules”If you are using Contact Form 7 in WordPress and want users to upload files securely, you can easily configure allowed file types and maximum upload size using the file tag.
For example, something like this:
Here is the code which you need to use in Contact Form 7
Continue reading “How to Allow File Upload in Contact Form 7 (Set File Types & 100MB Limit in WordPress)”Sometimes you may have long text content in Elementor that you don’t want to show all at once. Showing too much text can negatively affect user experience and page readability.
A simple solution is to use a View More / View Less button that allows visitors to expand or collapse additional content when needed.
Here I have shared how to add a View More / View Less toggle in Elementor Text Editor using HTML, CSS, and a small PHP snippet—without installing any extra Elementor addons.
Continue reading “How to Add View More / View Less Button in Elementor Text Editor (No Plugin Needed)”A Call To Action (CTA) is one of the most important elements of a website. It helps guide visitors to take action—such as clicking a button, learning more about your service, or contacting you. WordPress makes this easy using Gutenberg Block Patterns.
Here I am sharing you how to add a Call To Action section in WordPress using the Gutenberg editor, step by step.
Continue reading “How to Add a Call To Action Section in WordPress Gutenberg (Step-by-Step Guide)”
if you’re looking for a lightweight, fast, and JavaScript-free logo slider, you’re in the right place. Here I am sharing how to create a smooth infinite scrolling CSS slider using only HTML and CSS—perfect for:
No jQuery. No plugins. No external libraries.
Here is the CSS and HTML which you can use
Continue reading “Pure CSS Infinite Logo Slider (No JavaScript) – Works in HTML & WordPress”Disclaimer: This remedy is based on personal experience and spiritual belief. It is not a substitute for professional medical advice. If you are experiencing severe anxiety, depression, or health issues, please consult a qualified doctor or mental health professional.
Are you in tension? Are you short of money? Do you have the feelings that everything around you is ruined and your all hope of life destroyed? Then yes, I also faced such situation.
Continue reading “Karmic Remedy: How to Reduce Anxiety Naturally Without Medicine”
If you are using Smart Theme v3 by OptimizePress, you may have noticed that there is no built-in option to automatically show your latest blog posts at the end of every article.
In this guide, I will show you exactly how to add a “Latest Articles” section at the bottom of each blog post using a simple PHP function.
No plugin is required (except Code Snippets if you don’t use a child theme).
This is the result you will get:
The WordPress 2025 default theme (Twenty Twenty-Five) is fully block-based and powered entirely by the Gutenberg Site Editor. Unlike classic themes, you can now customize every part of your website—including the footer—using block patterns, template parts, and visual editing tools.
If you’re new to WordPress block themes, editing the footer may feel confusing at first. In this guide, I’ll walk you through the exact steps (with screenshots) to locate, edit, replace, or recreate the footer using the full site editor.
From your WordPress dashboard:
Your screen should look like the design panel shown in your screenshots.
If you want to add a reusable button to your WordPress posts or pages, creating a simple shortcode is the easiest way. With this shortcode, you can place a custom button anywhere on your website by passing a URL and button label as parameters.
This means you can use the same shortcode on multiple posts while changing only the link and text. For example:
[button url="https://google.com" label="Google"]
[button url="https://yahoo.com" label="Yahoo"]
Below is the code you need to add to your functions.php file. This custom shortcode will generate a styled button with hover effects, and it automatically opens the link in a new tab.
Continue reading “Create a Reusable WordPress Button Shortcode (Custom URL & Label Support)”Disclaimer: This technique is specially for wordpress.com sites
If you’re planning to build a Headless WordPress site using React or Next.js, one of the first things you’ll need is your WordPress.com Site ID. This Site ID allows you to connect your WordPress.com content with modern frontend frameworks through the WordPress.com REST API.
Continue reading “How to Find Your WordPress.com Site ID for Headless WordPress Development Using React or Next.js”
All About Basic 