How to design Elementor slider with text and image | Elementor slider tutorial

Поділитися
Вставка
  • Опубліковано 2 сер 2024
  • In this video we will learn how to design Elementor slider with text and image. We will create 3 different types of sliders in this video.
    1) Elementor image slider - In this example only images will be used to slide. So it will be simple banner slider using elementor. mage carousel is the feature of free Elementor plugin, You do not need pro plugin for image carousel.
    2) Elementor Text slider - In this example only the text will slide on the background colour. We will be using Elementor Slides element for this example. This element is part of Pro plugin. SO you will need Elementor Pro plugin for this.
    3) Elementor text and image slider - In this example we will again use the Elementor Slides element like previous example but here we will use image as a background and not color. This will be part of pro plugin.
    👉 Timestamp for this video:
    00:00 Introduction
    01:12 Elementor Image Slider
    07:05 Elementor Text slider
    14:40 Elementor slider with text and image
    👉 I have tried to cover the following topics in this video:
    ➤ How to create text slides in Elementor
    ➤ How to create image slides in Elementor
    ➤ How to create slides with text and image
    ➤ Elementor slider with text and image
    ➤ Elementor slider
    👉 Watch other Elementor Tutorial Videos:
    ✅ Elementor Landing Page Tutorial: • Elementor Landing Page...
    ✅ FREE Responsive Elementor Starter Templates: • FREE Responsive Elemen...
    ✅ How to install & Use Spectra Page Builder Plugin: • How to install & Use S...
    ✅ How to Make a Website with Astra: • How to Make a Website ...
    ✅ How to create Header and Footer using Elementor: • How to create Header a...
    ✅ Table Of Contents Widget : • How to use Elementor T...
    ✅ Slider with text and image : • How to design Elemento...
    ✅ Header Template With Elementor Theme Builder Tutorial : • Create Header Template...
    ✅ Portfolio Widget Tutorial: • New Elementor Portfoli...
    ✅ Image Gallery Element: • How to use Elementor G...
    ✅ Testimonial Sliders: • Free Elementor Testimo...
    ✅ Flip Box Widget in Elementor Pro: • 🆕 How to Use Flip Box ...
    ✅ Elementor Navigation Menu Widget: • How to Use Elementor N...
    ✅ How to add Countdown timer: • Elementor Countdown ti...
    Do not forget to subscribe to Quick Tips UA-cam channel for upcoming free videos on WordPress website, Elementor Tutorials, WooCommerce, Search Engine optimization, Social Media marketing, Video editing tips and more.
    / @paramfreelance
    Social connect:
    👉 𝗟𝗜𝗞𝗘 𝗨𝗦 𝗢𝗡 𝗙𝗔𝗖𝗘𝗕𝗢𝗢𝗞:
    / freetrialplans
    👉 Tweet on Tweeter:
    / freetrialplans
    👉 Pinterest
    / free-trial-plans
    👉 UA-cam
    / @paramfreelance
    I hope this you will like this video about how to design Elementor slider with text and image.
    #elementor #slider #wordpress #elementorpro #elementortutorial
  • Наука та технологія

КОМЕНТАРІ • 22

  • @izakniemann5734
    @izakniemann5734 Рік тому

    Great, thanks for this video. I have a question: I design my slider image myself. What is the ideal size (hight and width) I should make the slider image?

    • @ParamFreelance
      @ParamFreelance  Рік тому

      I have not used any standard image size. You can set the width to 100% in image settings.

  • @AllesKiten
    @AllesKiten 2 роки тому +2

    Thank you! 👍

    • @ParamFreelance
      @ParamFreelance  2 роки тому

      You're welcome!

    • @abdullahsherri359
      @abdullahsherri359 День тому

      ​@@ParamFreelance plz let me know if any plugin give this ***slides*** add-on free in elementor

  • @sasheengineering4219
    @sasheengineering4219 8 місяців тому

    Good job

  • @kanacreationsart
    @kanacreationsart 6 місяців тому

    Can you also help with how to add different text and button for different sliders? I am not using Image carousel. After adding the section I have added multiple images. So now if I add any text it appears on all the images of the slides. I want to make different text and button for each slide.

    • @ParamFreelance
      @ParamFreelance  6 місяців тому

      If you are using Slides element in elementor, then you can change the title and content for each slide that you add. It is explained in the video.

    • @mdshoeb9467
      @mdshoeb9467 3 місяці тому

      Which form u r using

  • @shannonbohnen8462
    @shannonbohnen8462 Рік тому

    Can I add an additional line of text?

    • @ParamFreelance
      @ParamFreelance  Рік тому

      You can use Title and description section to add lines. If you want extra layer of images and text then you may need to use third party slider plugin.

  • @tarobadkid9951
    @tarobadkid9951 Рік тому

    how to delete the botton

  • @afrozaislam4328
    @afrozaislam4328 3 місяці тому

    How to write slider double title

    • @ParamFreelance
      @ParamFreelance  3 місяці тому

      do you want 2 titles in a slider? There is only one title option. However, you can use line break tag to create 2 lines of tiles. Or you can use description to add another title and change the style settings of title.

  • @arungarg2690
    @arungarg2690 4 дні тому

    Misleading content. Need free carousel with text

    • @ParamFreelance
      @ParamFreelance  4 дні тому

      what is misleading in this? where did i say that it is free? why are you misleading with wrong comment?

  • @Gootsffrida
    @Gootsffrida Рік тому +7

    Disliked. You should mention in the title that you require PRO plugin i wasted my time.

    • @ParamFreelance
      @ParamFreelance  Рік тому

      It is clearly mentioned in the video. May be you missed the part.

    • @djifaanani6714
      @djifaanani6714 Рік тому +3

      @@ParamFreelance You should mention in the title

    • @Ka2le
      @Ka2le 10 місяців тому

      @@djifaanani6714 Nowhere did he say in the title that it's free. Be happy that people take the time to upload these videos