- 68
- 443 325
Custom WP
United States
Registrace 25. 09. 2019
Hey there, website creators! 👋 I'm Mansab, and my channel is all about helping you create stunning websites and build a successful online business. I offer tutorials and tips on using Elementor, as well as insights on how to monetize your web design skills and make money online in 2024.
So join me as we explore the exciting world of web design and how to make money online. If you have any questions or want to connect, feel free to reach out to me at mansab5417@gmail.com.
Cheers!
So join me as we explore the exciting world of web design and how to make money online. If you have any questions or want to connect, feel free to reach out to me at mansab5417@gmail.com.
Cheers!
Create a Auto Sliding/Scrolling Text Effect in Elementor | Marquee in Elementor
In this Elementor tips and tricks tutorial, I'll show you how to create a Auto Sliding/Scrolling Text Effect in Elementor (Marquee in Elementor)
Today, I'll show you how you can make auto sliding text in Elementor (AKA marquee in Elementor). Here we’ll make 2 sliding text, the first one goes from right to left, and the second one from left to right. And you can also use this auto scrolling text effect as a background of any section which makes your page design more creative.
CSS Code:
drive.google.com/file/d/1UaSLyv2FLQ1wKUi3nfMSM7LMZS3bEJRP/view?usp=sharing
#elementor #tutorial #wordpress
Today, I'll show you how you can make auto sliding text in Elementor (AKA marquee in Elementor). Here we’ll make 2 sliding text, the first one goes from right to left, and the second one from left to right. And you can also use this auto scrolling text effect as a background of any section which makes your page design more creative.
CSS Code:
drive.google.com/file/d/1UaSLyv2FLQ1wKUi3nfMSM7LMZS3bEJRP/view?usp=sharing
#elementor #tutorial #wordpress
zhlédnutí: 82
Video
Quick And Easy Text Strokes Effect in Elementor | Elementor Tutorial
zhlédnutí 62Před dnem
Master Text Strokes in Elementor for Eye-Catching Designs Take your Elementor design game to the next level by learning how to create text strokes that pop! This quick and easy tutorial will show you how to use Elementor's style tab to add a text stroke effect to your headings, titles, and other text elements. By combining bold typography with custom colors and stroke widths, you'll learn how t...
Elementor ZOOM & BLUR Hover Effect | Elementor Tricks | WordPress Elementor Tutorial 2024
zhlédnutí 206Před 14 dny
In this video, I show how to add Elementor ZOOM & BLUR Hover Effect | Elementor Tricks | WordPress Elementor Tutorial 2024. we will cover these topics. Elementor BLUR ZOOM Hover Effect elementor design tips,elementor elementor tutorial,Elementor WordPress Tutorial Elementor Custom CSS Elementor CSS Tricks Elementor Tricks Elementor Effects Elementor Hover Effects Elementor Cards Elementor Card ...
How to Face Swap Any Image Using AI | Deepfake Tutorial 2024
zhlédnutí 271Před 21 dnem
In this tutorial, we'll Dive into the world of face swapping with AI and explore the exciting possibilities that deepfake technology has to offer. Whether you're a graphic designer looking to add a unique twist to your projects or just someone who loves playing with digital media, you won't want to miss out on the amazing opportunities that this AI-powered technique presents. Face Swap using AI...
How to Create Animated Gradient Text Effects in Elementor | WordPress Tutorial
zhlédnutí 536Před měsícem
In this short tutorial, I am showing you how to add animated gradient text to Elementor. In this video we will cover these topics elementor gradient text How to add gradient text in elementor Gradient text elementor gradient text elementor gradient how to make gradient text Animate gradient text CSS Code: drive.google.com/file/d/1Bq_UKQbse_N3LMeBpE2sWKfBtcG8kmNq/view?usp=sharing #elementor
Elementor Popup on Button Click in WordPress | Elementor Pro Tutorial
zhlédnutí 187Před měsícem
Elementor Popup on Button Click in WordPress | Elementor Pro Tutorial In this tutorial, I will teach you how you can create a popup on your website, when the user clicks on a link or button a popup will appear. In this video these topics are covered: elementor popup on link click popup for elementor elementor popup click trigger elementor popup free elementor popup on click button #elementor #w...
Make Viral Historical Videos Using AI | Best Niche For Youtube Automation
zhlédnutí 249Před měsícem
How to Make Viral Historical Videos Using AI? Best niche for CZcams automation niche Discover the secret to creating viral historical videos using AI and skyrocket your CZcams success with automation! In this comprehensive tutorial, we'll walk you through the process of generating captivating story videos using cutting-edge AI tools, similar to the popular channels AI Historian and Stellar Saga...
Elementor Text over Image on Hover | WordPress Elementor Pro Tutorial | Elementor Tricks
zhlédnutí 252Před měsícem
In this tutorial, I'll show you How to reveal Text over Image on Hover using Elementor Page Builder 🔥🔥No additional plugin is required!! 🔥 CSS Code: /*Content Show/Hide on Hover*/ selector{ opacity: 0; transition: 0.5s ease-in-out; } selector:hover{ opacity: 1; } #customwp #elementor pro
How to build FREE website with AI 🔥| Ai website builder 2024
zhlédnutí 191Před měsícem
Welcome to the world of AI-powered web design! This tutorial will guide you through the exciting process of building a FREE website using AI. From finding the perfect domain name to generating content and even creating eye-catching visuals, you'll learn how to harness the power of AI to create a stunning and functional website without breaking the bank. We'll explore various AI website builders...
Create an Animated Hamburger Menu in WordPress using Elementor | Elementor Mobile Menu
zhlédnutí 1KPřed 2 měsíci
In this tutorial, I’ll show you how to create an animated hamburger icon in Elementor. Normally in Elementor, when you create a menu, the hamburger icon has no transition. It immediately changes from the hamburger icon to this close icon. I’ll show you how to add a smooth animation between these two icons. And how you can make these icons look more lighter which is better than the default bold ...
Create a Transparent Sticky Header with Scroll Animation in WordPress with Elementor
zhlédnutí 3,4KPřed 2 měsíci
Learn how to create a transparent sticky header with scroll animation in WordPress using Elementor! This step-by-step tutorial will guide you through the process, making it easy for you to enhance your website's design. Perfect for beginners and advanced users alike. Boost your site's user experience with a sleek, animated header today! transparent sticky header elementor transparent header ele...
How To Create Animated Gmail Profile Picture | Gmail profile picture | 100% FREE
zhlédnutí 3KPřed 2 měsíci
Looking to add some personality and professionalism to your Gmail account? Creating an animated profile picture is a great way to do just that! In this video, you'll learn how to create a professional, eye-catching animated profile picture using FREE tools and resources. From choosing the right animation style to optimizing your image for Gmail, this video covers all the essential steps for cre...
Create Your Own Talking Avatar Using Free Canva AI | Canva's HeyGen Tutorial
zhlédnutí 363Před 3 měsíci
Create Your Own Talking Avatar Using Free Canva AI | Canva's HeyGen Tutorial In this step-by-step tutorial, we'll show you how to bring your creations to life with Canva's HeyGen - a powerful and free AI tool that lets you create your very own talking avatars. Whether you want to enhance your presentations, engage your audience, or just add a unique touch to your content, HeyGen has got you cov...
Create Product Design Using AI | AI Tool for Free Product Photography
zhlédnutí 188Před 3 měsíci
Create Product Design Using AI | AI Tool for Free Product Photography Are you a product photographer or marketer looking to enhance your product design to stand out in a crowded marketplace and want to make money online in 2024 by selling this service? In this video, we'll introduce you to a game-changing AI tool that can take your product photography to the next level. We'll demonstrate using ...
Convert Wikipedia to YouTube Videos with AI | YouTube Automation Secret
zhlédnutí 185Před 4 měsíci
Transform Wikipedia Articles into Engaging CZcams Videos for a faceless youtube channel. Unlock the secret to successful CZcams automation by turning informative Wikipedia articles into captivating video content. This tutorial will guide you through the process of finding fascinating topics, extracting relevant information, and creating engaging videos using automated tools. Boost your channel'...
Elementor Scroll Image From TOP to BOTTOM on Hover | WordPress Elementor Pro Tips and Tricks
zhlédnutí 532Před 4 měsíci
Elementor Scroll Image From TOP to BOTTOM on Hover | WordPress Elementor Pro Tips and Tricks
Premium Logo For Free Using AI | AI Logo Design
zhlédnutí 194Před 4 měsíci
Premium Logo For Free Using AI | AI Logo Design
Translate Video Into Any Language With AI | Heygen Video Translate | AI Video Dubbing
zhlédnutí 133Před 4 měsíci
Translate Video Into Any Language With AI | Heygen Video Translate | AI Video Dubbing
Design Contact Form With Elementor | Contact form 7 Wordpress Tutorial
zhlédnutí 234Před 4 měsíci
Design Contact Form With Elementor | Contact form 7 Wordpress Tutorial
Floating & Sticky Social Icons in Elementor | Elementor Pro Tutorials
zhlédnutí 356Před 5 měsíci
Floating & Sticky Social Icons in Elementor | Elementor Pro Tutorials
Elementor Image hover effect | WordPress Elementor Pro Tutorial
zhlédnutí 290Před 5 měsíci
Elementor Image hover effect | WordPress Elementor Pro Tutorial
Card Hover Effect Like a Pro | WordPress Elementor Pro Tutorial
zhlédnutí 6KPřed 5 měsíci
Card Hover Effect Like a Pro | WordPress Elementor Pro Tutorial
Create Animations with your Voice | Animated Avatar For FREE
zhlédnutí 129Před 5 měsíci
Create Animations with your Voice | Animated Avatar For FREE
Sora AI - OpenAI Shocks the AI Video World | Text To Video Model
zhlédnutí 54Před 5 měsíci
Sora AI - OpenAI Shocks the AI Video World | Text To Video Model
Elementor COOL Button Hover Effect | Wordpress Elementor Pro Tricks
zhlédnutí 180Před 6 měsíci
Elementor COOL Button Hover Effect | Wordpress Elementor Pro Tricks
How to create a Transparent Sticky Header in WordPress with Elementor
zhlédnutí 433Před 6 měsíci
How to create a Transparent Sticky Header in WordPress with Elementor
How to Create Viral Monetizable YouTube Shorts (FREE Method)
zhlédnutí 727Před 6 měsíci
How to Create Viral Monetizable CZcams Shorts (FREE Method)
How to install WordPress on localhost by flywheel (Easiest Localhost)
zhlédnutí 105Před 7 měsíci
How to install WordPress on localhost by flywheel (Easiest Localhost)
How to Earn $500 Logo Design for FREE Using AI? | Make Money in 2024 AI
zhlédnutí 250Před 7 měsíci
How to Earn $500 Logo Design for FREE Using AI? | Make Money in 2024 AI
Off-canvas mobile menu in WordPress | Slide out mobile menu | Elementor Pro
zhlédnutí 17KPřed 7 měsíci
Off-canvas mobile menu in WordPress | Slide out mobile menu | Elementor Pro
It works great on the desktop version, but it doesn't work as well with a slide menu on the mobile version, as when you open the menu it gets cut off by the size of the container.
Thanks for this but FYI, Elementor is adding this functionality in the next release or two.
How did you put Desctop and mobile&tablet on Navigator?
Thank youuu
Your Welcome ☺
Obrigado, vídeo objetivo.
Thank You 🙏
Okay
I have 4 images. How to place those 4 in a same size as yours? Please help me because when I put 4 sections the images are getting long and not responsive. Please help
You can increase container width or fix the hight of container
PLEASE SHARE THE CSS CODE
Please check Description
Thanks bro,, appreciate that🤝
Hey, thanks a lot for this useful tutorial! :) However, I have an issue with my WooCommerce cart-it doesn't display the preview as it should. I need a lateral preview, but it's cut off. I guess I need to adjust the minimum height for the header-2, but it's a bit of a mess, haha. Any tips? Thxxx
Awesome thank you for sharing :)
Thank you !
Are you using Elementor Pro? Is the visibility rule. Available in the free version of Elementor?
No, it is a spread plugin "Dynamic Visibility for Elementor"
your jim fahad student
can i put css code in free version of elementor
Yeah you can, but use class name instead of selector
If you’re on the image export and download page and having trouble, try the ‘Try an alternative’ option in the top right corner. It worked for me. NO BG PROBLEM. Note: It will reflect in all google services after a day or two.
Hi, I have a problem. The cart does not open completely. It is as if it opens inside the header and does not open full screen.
Need to increase z-index of cart
@@customwp Still not work. I think the prob is in the code, because cart work properly without the code. Can u fix it? 🙂
Indian people’s are very disgusting.... They are cheater too..fuckers.
ITS PERFECT
Thank you 🙏
can you give css code?
Check Description
do you have it's json file, Please
I love it, very simple and brief, taught me a lot
Thank you 🙏
Its showing on pc & iphone's gmail app but not in Android phones, so wny solution for this?
didnt work for me ;\
Please follow again carefully, if still not work then contact with me. Email: mansab5417@gmail.com
I would like to translate into Brazilian Portuguese
Hi Mansab, I watched your video on an Auto-Sliding Carousel. It was a great tutorial, and I appreciate you posting it. I need help. I want to control the display size; I want it to be full width, and the container width is 1120px. The problem is that the carousel is displaying on the full width of the page at 1900+px or so. Can the display be made to be 1000px or smaller?
thks...
Your Welcome❤
Soo clean. Others are blabbing alot.
Thank You😍
ứng dụng này chỉ phù hợp một số theme, và nó phải trả phí để lên pro, và khi gỡ cài đặt nó vẫn lưu lại trên theme chúng ta, những điều chỉnh trên setting nó không hoạt động dường như không tương thích, nó quả thực là một phần mềm được thiết kế khá ngốc nghéch, tốt nhất nên mua theme đã có dark mode sẵn.
Lovely effect! Thanks for the tutorial. I tested the same process on an Elementor Image Widget and it didn't yield the same results. It would be super if you could develop code to support other Elementor widgets that we might like to use the same effect for.
Contact me for custom widget code Email: mansab5417@gmail.com
Bro it's not working after page scroll. Only working when we land on page
gret tut.., but anw i am so surprised that elementor by now not managing to fix their menu game....
Thank you for your efforts !!!
how to change the color text and hover( i alr see ur another video, thanks :)
A Lots of thank u Bro
Your Welcome 😍
It doesn't work
Thank you brother.😊
Your welcome 🙏
Hey, i did what you told and it works fine. The issue i have is now i need to remove this header animation in other page, but even after deleting the html code, and even the header itself! It does not go!! How to delete this thing, please reply.
.cup_image { -webkit-transition: background-position ease-in-out 4.5s !important; transition: background-position ease-in-out 4.5s !important; } .cup_image:hover { background-position: center bottom !important; }
Thank ❤️
Thnks Bra ❤😊 mai transform use kr rha tha pahle 😅 ab ye krunga
its NOT WORKING!!!!! WASTED MY TIME
Please follow again carefully, if still not work then contact with me. Email: mansab5417@gmail.com
Nice one thank you, little issue when squeezing the screen it doesn't get back to normal or fit 100% of the page, I tried adding the code : .show-hide-header{ width: 100% !important } But it's not ok, if you have any idea ! :)
Please share link, I will check
Thank you so much!!!
Thank you 🙏
works perfectly in the editor, but for some reason does not in the preview mode. also, have you tested this hover technique using a template? I imagined having a carousel & putting these hover effect cards as templates, but as well it did not work (this time neither in editor, nor preview mode) if you have any insights, please let me know!
Thanks bhai
Your welcome 🙏
But where is this data collected? Where can i find the quiries that has been sent..
You need to email configuration
Thanyou soo much your a great person
Thanks for your feedback 🙏
But where is the css
CSS CODE: drive.google.com/file/d/1Bq_UKQbse_N3LMeBpE2sWKfBtcG8kmNq/view?usp=sharing
Your videos are best keep making videos like this
Thanks for your kind feedback 🙏
Thanks a Lot ❤
Your welcome 🙏
I couldn’t understand a word you said.
You can follow this tutorial czcams.com/video/cEbIQMi8PxA/video.html
Is the google meet profile pic will be animated too?
Gif is applied but Not showing the animation on mobile