# Krishna Sutradhar | WordPress Website Development > GeneratePress, Elementor, Figma ## Posts - [Adding Automatic Serial Numbers in GeneratePress & GenerateBlocks (Without PHP)](https://krishnasu.com/adding-automatic-serial-numbers-in-generatepress-generateblocks-without-php/): When working with GeneratePress and GenerateBlocks, one common requirement is adding a serial number (1, 2, 3…) to each item inside a Query Loop — for example, before post titles, images, or feature cards. Many developers immediately look for PHP solutions, but in reality, CSS Counters can solve this problem in a much cleaner and faster way. Let’s explore how. The Problem In a Query Loop: The Solution: CSS Counters CSS counters allow us to: Here’s the exact CSS used: How This Works 1. Resetting the Counter This initializes the counter at the start of the Query Loop. Incrementing Per ... Read more - [Empowering You With Reliable, High-Quality Solutions](https://krishnasu.com/empowering-you-with-reliable-high-quality-solutions-2/): We provide professional services designed to help you grow, improve, and achieve your goals — with efficiency, care, and expertise. Welcome to Suntype, where innovation meets dedication. Whether you’re looking for expert guidance, hands-on support, or complete project solutions, our team is here to deliver results you can trust. We focus on personalized service, transparent communication, and long-term value Key Highlights / Features: - [Empowering You With Reliable, High-Quality Solutions](https://krishnasu.com/empowering-you-with-reliable-high-quality-solutions/): We provide professional services designed to help you grow, improve, and achieve your goals — with efficiency, care, and expertise - [GeneratePress vs Elementor: The Ultimate WordPress Comparison for 2025](https://krishnasu.com/generatepress-vs-elementor-the-ultimate-wordpress-comparison-for-2025/): If you’ve been building WordPress websites for a while, you’ve probably faced this question:👉 Should I use GeneratePress or Elementor for my next project? It’s one of the most common debates in the WordPress community. Both are excellent tools, but they serve very different purposes. Knowing when and how to use each one can make your websites faster, smarter, and easier to maintain. In this post, I’ll share a practical, real-world comparison of GeneratePress and Elementor, based on my years of experience building and optimizing WordPress sites for clients and internal projects. What Is GeneratePress? GeneratePress is a lightweight, performance-focused ... Read more - [Recipe Blog Template](https://krishnasu.com/recipe-blog-template/): Lovable — Recipe & Food Blog L Lovable Recipes & Food Stories Home Categories Latest About Contact Sign in Comfort food, made lovable — simple recipes with big flavor. From fast weekday dinners to slow-baked weekend treats. Step-by-step recipes, kitchen tips, and honest food stories. Browse Recipes Submit a Recipe Trending: Sourdough One-pan Vegan Featured Slow-Roasted Tomato Galette A flaky crust crowned with caramelized tomatoes and herby ricotta. Categories 🍞 Bakery Bread, cakes & pastries 128 recipes 🥗 Salads Light & fresh 64 recipes 🍲 Comfort Hearty mains 92 recipes 🌱 Vegan Plant-based 48 recipes 🍸 Drinks Cocktails & mocktails ... Read more - [Slider Image](https://krishnasu.com/slider-image/): Areas We Serve Richmond, VA Learn More Chesterfield, VA Learn More Midlothian, VA Learn More Bon Air Learn More - [🚀 Just Launched: Clean & Responsive Image Slider for Modern Websites](https://krishnasu.com/%f0%9f%9a%80-just-launched-clean-responsive-image-slider-for-modern-websites/): I’m excited to introduce a lightweight and visually engaging custom image slider built using HTML, CSS, and JavaScript. Designed for modern, fast-loading websites, this slider is perfect for portfolios, landing pages, and business sites. ❮ ❯ Design & Development by Krishna Sutradhar 🔥 Key Features: ✅ Full-Width Background Image Slider with Thumbnail ControlCreate a strong visual impression with a full-screen background that dynamically updates as users interact. ✅ Interactive Thumbnail NavigationThumbnails are displayed at the top of the slider. Clicking on a thumbnail instantly updates the background image, creating a seamless and engaging user experience. ✅ Autoplay FunctionalitySlides change automatically ... Read more - [Display Login/Register or Username/Logout in WordPress – The Easy Way!](https://krishnasu.com/display-login-register-or-username-logout-in-wordpress-the-easy-way/): Recently, I learned a great tip on how to show a dynamic “Login/Register” or “Hi, Username | Logout” toggle in WordPress — and it works beautifully with GeneratePress Blocks and GeneratePress Pro! In this post, I’ll share exactly how I did it using a custom shortcode, some lightweight PHP, and clean CSS styling. You’ll be able to use this anywhere on your site — header, sidebar, even inside block layouts! 🔍 What We’ll Build Step 1: Add This PHP Function Add the following code to your theme’s functions.php file or in a custom functionality plugin: 🔧 What it does: 💡 ... Read more - [GP Query Loop Masonry](https://krishnasu.com/gp-query-loop-masonry/): Enhance Your WordPress Blog with GP Query Loop Masonry Plugin Are you looking for a stylish way to display your blog posts in a dynamic, masonry layout? The GP Query Loop Masonry plugin is the perfect solution for websites powered by GeneratePress and GenerateBlocks. This free plugin allows you to create stunning, grid-based blog sections with ease. Why Choose GP Query Loop Masonry? How to Download & Install Select Looper and additional CSS add “masonry-grid-container has-grid-class has-masonry“ Getting Started Once installed, head over to your GenerateBlocks Query Loop and enable the masonry layout. Adjust the settings to match your preferred ... Read more - [Tips: Hook Elements Code Editing Area Missing in GeneratePress, WordPress](https://krishnasu.com/tips-hook-elements-code-editing-area-missing-in-generatepress-wordpress/): Recently, I faced an issue while building a website using GeneratePress. I was working on a transparent navigation bar using Hook Elements. However, when I tried to edit a hook element, only the element title (at the top) and the publishing panel (on the right) were visible— the code editing area was completely missing! At first, I tried solving it myself, but I couldn’t figure it out. That’s when I reached out to the GeneratePress Premium Support team. As a lifetime member of GeneratePress, I’ve always received excellent support from them. This time was no different. Their response was super ... Read more - [Create a Mega Menu with GeneratePress & Blocks](https://krishnasu.com/create-a-mega-menu-with-generatepress-blocks/): Mega Menus are a fantastic way to organize complex navigation structures on your website. With GeneratePress and GenerateBlocks, you can create a fully customizable Mega Menu without relying on third-party plugins. In this guide, we’ll explore how to create a Mega Menu using GeneratePress hooks and blocks step by step. Why Use GeneratePress for Mega Menus? GeneratePress is a lightweight, performance-focused WordPress theme that offers exceptional flexibility. As a lifetime premium member, I’ve had the opportunity to dive deep into its features. With GenerateBlocks and the power of GeneratePress Elements, you can create professional-looking Mega Menus tailored to your needs. ... Read more - [Unlocking Knowledge: Our Tutorials Blog at Krishnasu.com](https://krishnasu.com/unlocking-knowledge-our-tutorials-blog-at-krishnasu-com/): Welcome to our Tutorials Blog at Krishnasu.com! Here, we aim to share our - [Our Philosophy: The Heart of Krishnasu.com](https://krishnasu.com/our-philosophy-the-heart-of-krishnasu-com/): At Krishnasu.com, our philosophy is not just a set of guiding principles—it’s the essence of our existence. - [Embracing Digital Transformation for Business Growth](https://krishnasu.com/embracing-digital-transformation-for-business-growth/): In today's fast-paced world, businesses must embrace digital transformation to stay competitive. Leveraging technologies such as cloud computing, - [Maximizing Speed and Efficiency: Clanton Law’s Shift to a Block-Based](https://krishnasu.com/maximizing-speed-and-efficiency-clanton-laws-shift-to-a-block-based/): By investing in website speed improvements and predefined content building blocks the Clanton Law Office website now serves as - [Writing Better Posts](https://krishnasu.com/writing-better-posts/): A beginner's guide to avoiding mistakes, following best practices, and succeeding with - [A fresh coat of paint and a 470% increase in website speed](https://krishnasu.com/a-fresh-coat-of-paint-and-a-470-increase-in-website-speed/): How a team of California-based investment advisers transformed their web presence to reflect the success they bring to their clients - [What the New DOJ Ruling Means for Your Website](https://krishnasu.com/what-the-new-doj-ruling-means-for-your-website/): Understanding the DOJ’s Latest Guidelines and Steps to Ensure Your Website is Accessible to All - [Your Responsibility in Operating a Privacy-Focused Website](https://krishnasu.com/your-responsibility-in-operating-a-privacy-focused-website/): Discover your business’s responsibility in operating a privacy-focused website. Learn practical steps to protect user data and comply - [The Changing Landscape of Google Search](https://krishnasu.com/hello-world/): Discover how Google’s new Search Generative Experience (SGE) is changing search results and what ## Pages - [Banner and Slider](https://krishnasu.com/banner-and-slider/) - [Our Services](https://krishnasu.com/our-services/) - [Test](https://krishnasu.com/test-2/) - [About us Test Page](https://krishnasu.com/about-us-test-page/): A description of your company and what it does Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. About us Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo ... Read more - [Test Button](https://krishnasu.com/test-button/): Button Google search - [My account](https://krishnasu.com/my-account/) - [Checkout](https://krishnasu.com/checkout/) - [Cart](https://krishnasu.com/cart/) - [Shop](https://krishnasu.com/shop/) - [Educations](https://krishnasu.com/educations/): Embedded Homecare Service - [Example Page](https://krishnasu.com/example-page/): Hello, I’m Krishna Sutradhar I create lightweight, scalable, and professional WordPress websites. Krishna is a master of pixel-perfect design, known for his exceptional attention to detail in every website he creates. Working with him is a pleasure, as his passion for crafting and delivering high-quality websites truly stands out. Krishna is a master of pixel-perfect design, known for his exceptional attention to detail in every website he creates. Working with him is a pleasure, as his passion for crafting and delivering high-quality websites truly stands out. Krishna is a master of pixel-perfect design, known for his exceptional attention to detail ... Read more - [Monstrous](https://krishnasu.com/monstrous/): Embedded Homecare Service - [Home Care Webtemplate](https://krishnasu.com/home-care-webtemplate/): Embedded Homecare Service - [Accessibility Statement](https://krishnasu.com/accessibility-statement/): Accessibility Statement At krishnasu.com, we are committed to ensuring digital accessibility for people with disabilities. We are continually improving the user experience for everyone and applying the relevant accessibility standards. Our Commitment We strive to make our website accessible to all users, regardless of their abilities or the technology they use. We follow the Web Content Accessibility Guidelines (WCAG) 2.1, Level AA, as our standard for compliance. Accessibility Features Ongoing Efforts We regularly test our website using a variety of accessibility tools and user feedback to identify and fix any issues. Our team is trained to maintain and enhance accessibility ... Read more - [Terms And Condition](https://krishnasu.com/terms-and-condition/): Welcome to krishnasu.com. These Terms and Conditions outline the rules and regulations for using our website. By accessing this site, you accept these terms in full. If you do not agree, please do not use our website. 1. Use of the Website 2. Intellectual Property 3. User Content 4. Limitation of Liability 5. External Links 6. Termination 7. Modifications 8. Governing Law 9. Contact Information If you have any questions regarding these Terms and Conditions, please contact us: Email: hello@krishnasu.comWebsite: https://www.krishnasu.com - [Learn](https://krishnasu.com/learn/): Resources & Insights Keep up-to-date with the latest news, expert insights, and updates for all things WordPress Resources & Insights to Help Grow Your Business - [Pricing](https://krishnasu.com/pricing/): Work with Krishna Choosing the right partner to handle your company’s online success is a big decision. Let’s explore if we’re the perfect match for your needs. - [Digital Products Design](https://krishnasu.com/digital-products-design/): Strategic Website Design & Development The complete package for a powerful online presence. Everything You Need to Succeed Online! We provide a full suite of web design, development, optimization, and management services to create a well-rounded, effective online presence for your brand. Have A Look At Some of My Recent Work. - [Website Management & Optimization](https://krishnasu.com/website-management-optimization/): Strategic Website Design & Development The complete package for a powerful online presence. Everything You Need to Succeed Online! We provide a full suite of web design, development, optimization, and management services to create a well-rounded, effective online presence for your brand. Have A Look At Some of My Recent Work. - [Website Design & Development](https://krishnasu.com/website-design-development/): Strategic Website Design & Development The complete package for a powerful online presence. Everything You Need to Succeed Online! We provide a full suite of web design, development, optimization, and management services to create a well-rounded, effective online presence for your brand. Have A Look At Some of My Recent Work. - [How we work](https://krishnasu.com/how-we-work/): Work with Krishna Choosing the right partner to handle your company’s online success is a big decision. Let’s explore if we’re the perfect match for your needs. Hey, I’m Krishna… Here’s a little about me to help you decide if we’d be a good fit to work together. I spent 5 years as a UI designer in the signage and visual industry before transitioning to WordPress Web Development in 2019. Over the years, I’ve built websites for businesses of all sizes across various industries. However, I’ve discovered my sweet spot lies in collaborating with marketing professionals, web experts, and tech ... Read more - [Blog](https://krishnasu.com/blog/): Resources & Insights to Help Grow Your Business - [Contact](https://krishnasu.com/contact/): Let’s Get Started Tell me little bit more about your project and we can schedule a time to talk - [Home](https://krishnasu.com/): Hello, I’m Krishna Sutradhar I create lightweight, scalable, and professional WordPress websites. How i help business & agency partners. Some kind words from awesome people. Explain how your service can benefit the user and help solve their prolems. Add an explainer video showing an overview of your features. TRUSTED BY Have A Look At Some of My Recent Work. Have A Look At Some of My Recent Work. Resources & Insights to Help Grow Your Business - [Privacy Policy](https://krishnasu.com/privacy-policy/): Who we are Suggested text: Our website address is: https://krishnasu.com Comments Suggested text: When visitors leave comments on the site we collect the data shown in the comments form, and also the visitor’s IP address and browser user agent string to help spam detection. An anonymized string created from your email address (also called a hash) may be provided to the Gravatar service to see if you are using it. The Gravatar service privacy policy is available here: https://automattic.com/privacy/. After approval of your comment, your profile picture is visible to the public in the context of your comment. Media Suggested ... Read more ## Products - [EcoFlow Portable Solar Charger – 20W](https://krishnasu.com/product/ecoflow-portable-solar-charger-20w/): Charge your devices anywhere with the compact and efficient EcoFlow 20W Solar Charger. Lightweight, durable, and perfect for outdoor adventures. [comment]: # (Generated by Hostinger Tools Plugin)