ELEMENTOR HELP - How I can make a image slide show like this ?

[wkcalvin]

SAMPLE

You can see the home page with a image slide

- Half text / half image

- text and image slide show

- Most hard to understand how can make a round shape overlap the image

Any one know how to make a slide like this one ? thanks

 

[Danieljarto]

SAMPLE

You can see the home page with a image slide

- Half text / half image

- text and image slide show

- Most hard to understand how can make a round shape overlap the image

Any one know how to make a slide like this one ? thanks

You can add templates to each slide, just add the shortcode and u got it

 

[wkcalvin]

You can add templates to each slide, just add the shortcode and u got it

Sorry, can explain a bit more detail? thanks

 

[Danieljarto]

1. Create a elementor template
2. Take the shortcode
3. Create a slide / carrousel widget
4. Instead of adding a image, in the text field add your shortcode

In the elementor preview you will only see the shortcode text but at the final render you will see your template rendered

 

[potah]

1. Add background image
2. Add round shape image in the same section as background image
3. Go to your elementor advance setting and set:
- Position: absolute
- left: 0
- top:0
- bottom: 0

I hope this help

 

[wkcalvin]

How I can add overlay Button to Image Carousel and Change with Image when it Change

I tried to add a overlay button to the a Image Carousel

- I set top margin -50 and it become behind the image

- And this button will NOT change with image change

How I can make the button overlay on image (in front of) and change with image change ( I have 4 images in Carousel, I will make 4 different button, I want the buttons change with image sliding.

How can I make it ? Please help ! thanks

 

[Danieljarto]

Hire a freelamcer mate or make it with html css and slickjs is not that difficult

 

[angelofdeath]

Here's an explanation of what Daniel said. You can create custom slides (using Elementor Editor)

1. Create an Elementor template and type should be "Section", then edit and make your design. Based on the number of slides make that many templates.
2. Then edit the page with Elementor where you want the slider to display, take the "Testimonial Slider" widget, and in each Testimonial item put the short code of your desired template.
3. Now you can do your creativity with each slider or either the design of the whole slider.

Alternatively, you can copy the source code of the slider of your sample website with help of Chrome extensions.

 

[yazarbey]

How I can add overlay Button to Image Carousel and Change with Image when it Change

I tried to add a overlay button to the a Image Carousel

- I set top margin -50 and it become behind the image

- And this button will NOT change with image change

How I can make the button overlay on image (in front of) and change with image change ( I have 4 images in Carousel, I will make 4 different button, I want the buttons change with image sliding.

How can I make it ? Please help ! thanks

View attachment 250868

easiest way to make this is upload a slider plugin (Prime slider etc.). If you dont want to use a plugin, You can also use elementor pro to add slider.

 

[angelofdeath]

easiest way to make this is upload a slider plugin (Prime slider etc.). If you dont want to use a plugin, You can also use elementor pro to add slider.

The thing with Elementor Pro slider widget is that, you can modify it like the way OP wanted in the sample site.