Тёмный

Blog Post Carousel with No Extra Plugin - Elementor Wordpress Tutorial 

Web Squadron
Подписаться 86 тыс.
Просмотров 19 тыс.
50% 1

Опубликовано:

 

18 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 48   
@JackJackz121
@JackJackz121 2 года назад
This is brilliant Imran. Love these videos where you achieve amazing things without using any outside plugins. You're awesome 🙂
@websquadron
@websquadron 2 года назад
Big thanks
@syednadeemmuhammed5675
@syednadeemmuhammed5675 2 года назад
This is what I have been waiting for 👍🏻 Amazing use of the testimonial carousel!
@websquadron
@websquadron 2 года назад
Glad you liked it!
@issaminkah
@issaminkah Год назад
Thanks for sharing! The CSS was a great addition too - great stuff!
@yanivfel
@yanivfel Год назад
Very nice! You can control the speed under Testimonial Carousel > Transition Duration. 5500 worked for me.
@Melissa_Lawrence
@Melissa_Lawrence 2 года назад
This is wicked! Look forward to trying this out sometime soon!
@nemanjatomanovic5347
@nemanjatomanovic5347 2 года назад
Just amazing. Thank you for sharing!
@inspiredplus
@inspiredplus Год назад
Very helpful and well-described. Thank you very much!
@jayreambonanza1991
@jayreambonanza1991 7 месяцев назад
Another awesome video. Thank you!!
@jacalakie
@jacalakie 2 года назад
Hi, as always very useful videos. Thank you. These short tutorials would benefit by not having 'your' video on display. Obviously for the Intro sign-off we'd love to see you but during the tutorial I'd get rid as its just a distraction. Nothing personal of course :-) hope you don't mind me suggesting this. Cheers J
@websquadron
@websquadron 2 года назад
Noted!
@Peebals
@Peebals 2 года назад
New invention 🚀🚀🙏
@michaltaub4850
@michaltaub4850 3 месяца назад
Thanks for the tutorial! Maybe you know, is it possible to create a progress bar under the loop items instead of the dots?
@websquadron
@websquadron 3 месяца назад
Not tried that myself.
@michaltaub4850
@michaltaub4850 3 месяца назад
@@websquadron Well I found a way to do that and wanted to share it with you :) I've added the following CSS code and got a nice result - /* Apply this CSS to the carousel with the class 'custom-carousel' */ .custom-carousel .swiper-pagination { display: flex; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0; } .custom-carousel .swiper-pagination .swiper-pagination-bullet { width: 30px; /* Adjust the width of the lines */ height: 4px; /* Adjust the height of the lines */ background-color: #ccc; /* Adjust the color of the inactive lines */ border: none; /* Remove default border */ border-radius: 2px; /* Adjust the border radius if needed */ margin: 0; /* Remove spacing */ transition: background-color 0.3s; /* Add transition for smooth hover effect */ } .custom-carousel .swiper-pagination .swiper-pagination-bullet-active { background-color: #0073e6; /* Adjust the color of the active line */ } /* Optional: Add hover effect */ .custom-carousel .swiper-pagination .swiper-pagination-bullet:hover { background-color: #005bb5; /* Adjust the hover color */ }
@MuhtajinMukhtar
@MuhtajinMukhtar Год назад
This is brilliant
@helenarichard
@helenarichard Год назад
I have a slider on my blog that I cant get rid of. How do I replace it with just a normal list of posts? My theme is Blossom Beauty.
@websquadron
@websquadron Год назад
Have you tried to use loop grid to build it how you want?
@coderplus362
@coderplus362 Год назад
Perfect tutorial boss
@dustytrails3661
@dustytrails3661 2 года назад
How would you this do for home page just displaying categories rather than posts Thanks
@websquadron
@websquadron 2 года назад
Let me double check
@dustytrails3661
@dustytrails3661 2 года назад
@@websquadron thank you it’s one thi one I can’t find an answer to , I know how to display posts under header for instance in a grid but can’t work out how to do categories , doesn’t have to be carousel although looks pretty cool
@anwarmirza2178
@anwarmirza2178 Год назад
You are incredible :)
@darkonone5158
@darkonone5158 Год назад
Feel the pain Live the grind I can change In my mind Pick a lane Commit and climb The only way To win at life
@Outlanderwow
@Outlanderwow Год назад
It works great but for some reason my font is italic and wont change it xD...Edit: You have to change in typography of content defaul settings to normal :D.
@websquadron
@websquadron Год назад
Is there anything set in the Global typography
@darktisticstudiosbystanley3162
@darktisticstudiosbystanley3162 2 года назад
Hi Imran! How do I set the main image that is displayed when a blog post is shared? I've added an image to the hero of the blog post page with social icons below the post, but when I share, it displays something completely different.
@websquadron
@websquadron 2 года назад
Is the image in the featured image?
@darktisticstudiosbystanley3162
@darktisticstudiosbystanley3162 2 года назад
@@websquadron that's correct! Feature image is set.
@websquadron
@websquadron 2 года назад
@@darktisticstudiosbystanley3162 Is it a brand new post or one that's been out for a while before you changed the image?
@darktisticstudiosbystanley3162
@darktisticstudiosbystanley3162 2 года назад
@@websquadron Hey Imran, it's an older post. It's a clients site, was very messy. All is well except when they share a blog post.
@julianavenancio881
@julianavenancio881 Год назад
Hi Imran, i've done everything like you say, but for me only appears de shortcode as content. it doesn't appear the post thumbnail. What do you say about it?
@websquadron
@websquadron Год назад
Are you viewing in preview or on the live site?
@julianavenancio881
@julianavenancio881 Год назад
@@websquadron In preview
@julianavenancio881
@julianavenancio881 Год назад
I checked on the live site and it worked! Thank you!
@SamWereb
@SamWereb 2 года назад
Very clever, but it isn't clear how to populate it with different posts. Did I miss it?
@websquadron
@websquadron 2 года назад
That is done with the Query part.
@jacalakie
@jacalakie 2 года назад
That's selected in each of the 6 templates. See around 3:50 of the video.
@SamWereb
@SamWereb 2 года назад
Ahh. Thanks.
@getwetsoon
@getwetsoon 2 года назад
can i do the sam as a inserted podcast episodes carousel?
@websquadron
@websquadron 2 года назад
Yes, as long as you get the right RSS or feed into there.
@khaidiratz7958
@khaidiratz7958 2 года назад
Will this work with loop template? (Eli custom skin)
@websquadron
@websquadron 2 года назад
Should do.
@darkonone5158
@darkonone5158 Год назад
Can it be done with free version of Elementor?
@websquadron
@websquadron Год назад
You won’t have the carousel in free
@willythefox2856
@willythefox2856 Год назад
LOL testimonial Carousel is not free anymore
@websquadron
@websquadron Год назад
Are you not using Elementor Pro?
Далее
СМЕЛОЕ РЕШЕНИЕ #shorts
00:14
Просмотров 23 тыс.
ВЛАД А4 СКАТИЛСЯ
09:34
Просмотров 518 тыс.
Please stop using px for font-size.
15:18
Просмотров 158 тыс.
7 Wordpress Plugins I install on all websites (2024)
15:07
Loop Grid Crash Course - Elementor WordPress Tutorial
23:58
Easily Improve Your Web Design (With Example)
17:59
Просмотров 90 тыс.