Custom WP
Custom WP
  • 68
  • 443 325
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
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

Komentáře

  • @MiguelAngel-lz7wc
    @MiguelAngel-lz7wc Před 18 hodinami

    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.

  • @iwbowden
    @iwbowden Před dnem

    Thanks for this but FYI, Elementor is adding this functionality in the next release or two.

  • @127mergenkudratullayew7

    How did you put Desctop and mobile&tablet on Navigator?

  • @e4ebins
    @e4ebins Před 2 dny

    Thank youuu

  • @conheceomario1742
    @conheceomario1742 Před 3 dny

    Obrigado, vídeo objetivo.

  • @Loveuu69
    @Loveuu69 Před 3 dny

    Okay

  • @durgaprasadpanigrahi9508

    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

    • @customwp
      @customwp Před 4 dny

      You can increase container width or fix the hight of container

  • @musthafamnm4878
    @musthafamnm4878 Před 5 dny

    PLEASE SHARE THE CSS CODE

  • @AlexandreRenault
    @AlexandreRenault Před 5 dny

    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

  • @eekeek433
    @eekeek433 Před 5 dny

    Awesome thank you for sharing :)

  • @billykipkosgei4178
    @billykipkosgei4178 Před 6 dny

    Are you using Elementor Pro? Is the visibility rule. Available in the free version of Elementor?

    • @customwp
      @customwp Před 5 dny

      No, it is a spread plugin "Dynamic Visibility for Elementor"

  • @WaqasAziz-u6x
    @WaqasAziz-u6x Před 8 dny

    your jim fahad student

  • @nishanrajbhandari6337

    can i put css code in free version of elementor

    • @customwp
      @customwp Před 8 dny

      Yeah you can, but use class name instead of selector

  • @ravbhuva
    @ravbhuva Před 9 dny

    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.

  • @MarekOpold
    @MarekOpold Před 10 dny

    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.

    • @customwp
      @customwp Před 10 dny

      Need to increase z-index of cart

    • @MarekOpold
      @MarekOpold Před 9 dny

      @@customwp Still not work. I think the prob is in the code, because cart work properly without the code. Can u fix it? 🙂

  • @sabbirhossinTkg
    @sabbirhossinTkg Před 10 dny

    Indian people’s are very disgusting.... They are cheater too..fuckers.

  • @patriciorey1949
    @patriciorey1949 Před 10 dny

    ITS PERFECT

  • @nuwansameera9991
    @nuwansameera9991 Před 12 dny

    can you give css code?

  • @jayedurrahman804
    @jayedurrahman804 Před 12 dny

    do you have it's json file, Please

  • @austin_therealg
    @austin_therealg Před 14 dny

    I love it, very simple and brief, taught me a lot

  • @anuvenomgaming
    @anuvenomgaming Před 14 dny

    Its showing on pc & iphone's gmail app but not in Android phones, so wny solution for this?

  • @Guitar4Noobs
    @Guitar4Noobs Před 15 dny

    didnt work for me ;\

    • @customwp
      @customwp Před 14 dny

      Please follow again carefully, if still not work then contact with me. Email: mansab5417@gmail.com

  • @hiraaraujo
    @hiraaraujo Před 15 dny

    I would like to translate into Brazilian Portuguese

  • @felixrivera2691
    @felixrivera2691 Před 16 dny

    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?

  • @johngonga6872
    @johngonga6872 Před 16 dny

    thks...

  • @EdidiongDavid-r5w
    @EdidiongDavid-r5w Před 16 dny

    Soo clean. Others are blabbing alot.

  • @qtn.gaming
    @qtn.gaming Před 17 dny

    ứ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.

  • @iwbowden
    @iwbowden Před 19 dny

    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.

    • @customwp
      @customwp Před 18 dny

      Contact me for custom widget code Email: mansab5417@gmail.com

  • @Shivuu-in9sk
    @Shivuu-in9sk Před 19 dny

    Bro it's not working after page scroll. Only working when we land on page

  • @choonah
    @choonah Před 20 dny

    gret tut.., but anw i am so surprised that elementor by now not managing to fix their menu game....

  • @halitsanr4439
    @halitsanr4439 Před 21 dnem

    Thank you for your efforts !!!

  • @taqui5621
    @taqui5621 Před 22 dny

    how to change the color text and hover( i alr see ur another video, thanks :)

  • @irtezaahmad6991
    @irtezaahmad6991 Před 23 dny

    A Lots of thank u Bro

  • @cartoonworld9451
    @cartoonworld9451 Před 23 dny

    It doesn't work

  • @freelancerlemon07
    @freelancerlemon07 Před 23 dny

    Thank you brother.😊

  • @kameshrawal8683
    @kameshrawal8683 Před 25 dny

    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.

  • @RidhwanAhsan
    @RidhwanAhsan Před 26 dny

    .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; }

    • @customwp
      @customwp Před 26 dny

      Thank ❤️

    • @Dhanjeerider
      @Dhanjeerider Před 2 dny

      Thnks Bra ❤😊 mai transform use kr rha tha pahle 😅 ab ye krunga

  • @bobbi3519
    @bobbi3519 Před 27 dny

    its NOT WORKING!!!!! WASTED MY TIME

    • @customwp
      @customwp Před 27 dny

      Please follow again carefully, if still not work then contact with me. Email: mansab5417@gmail.com

  • @06Smoker
    @06Smoker Před 27 dny

    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 ! :)

    • @customwp
      @customwp Před 27 dny

      Please share link, I will check

  • @angelux1234
    @angelux1234 Před měsícem

    Thank you so much!!!

  • @KaterynaHorblyuk
    @KaterynaHorblyuk Před měsícem

    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!

  • @user-ph2ne6xr9k
    @user-ph2ne6xr9k Před měsícem

    Thanks bhai

  • @Elevation-ng3qq
    @Elevation-ng3qq Před měsícem

    But where is this data collected? Where can i find the quiries that has been sent..

    • @customwp
      @customwp Před měsícem

      You need to email configuration

  • @SuiteExchange
    @SuiteExchange Před měsícem

    Thanyou soo much your a great person

    • @customwp
      @customwp Před měsícem

      Thanks for your feedback 🙏

  • @SuiteExchange
    @SuiteExchange Před měsícem

    But where is the css

    • @customwp
      @customwp Před měsícem

      CSS CODE: drive.google.com/file/d/1Bq_UKQbse_N3LMeBpE2sWKfBtcG8kmNq/view?usp=sharing

  • @SuiteExchange
    @SuiteExchange Před měsícem

    Your videos are best keep making videos like this

    • @customwp
      @customwp Před měsícem

      Thanks for your kind feedback 🙏

  • @uniboyvlogs
    @uniboyvlogs Před měsícem

    Thanks a Lot ❤

  • @FireRescue884
    @FireRescue884 Před měsícem

    I couldn’t understand a word you said.

    • @customwp
      @customwp Před měsícem

      You can follow this tutorial czcams.com/video/cEbIQMi8PxA/video.html

  • @brawlbong849
    @brawlbong849 Před měsícem

    Is the google meet profile pic will be animated too?

  • @brawlbong849
    @brawlbong849 Před měsícem

    Gif is applied but Not showing the animation on mobile