How to Add a Hero Slider in WoodMart

Hello team,

On the homepage of my site, I had created a hero banner as a static section using Elementor, so I can’t use a slider.
Now, I would like to use your slider system to display my slides.

I want to add a title, a subtitle, and one or two buttons.
Something like this: WoodMart Demo Organic

I believe I need to remove my simple Elementor section for the hero banner and replace it with a WoodMart slider section. Is that correct?

Then, how should I proceed to add my custom slides with a title, subtitle, button, and transition animation?

Hello,

Yes, you are correct! To use the WoodMart slider system instead of your current static Elementor section, you will need to remove the existing hero banner and replace it with a WoodMart Slides section.

To create custom slides with a title, subtitle, buttons, and transition animations, please refer to our detailed guide here:
https://xtemos.com/docs-cat/woodmart-slider/

Best Regards

Perfect, thank yout very much

Have a great day!

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

Hello,

I have properly set up the slide on my homepage, which you can check on the website. The background image was added directly in the slide settings.

The issue is its display on mobile devices—it’s not readable at all. Could you advise on the best solution to improve readability for the mobile version?

Thank you in advance for your support.

Best regards,

Hello,

The issue with the readability on mobile devices is likely due to the white image section in the background and the text being white as well, which makes it hard to read.
There are two solutions to improve the readability:

1. Adjust the background image position for mobile:

– Navigate to Slides > Edit Slide.
– In the slide settings at the bottom of the page, select the background image position specifically for mobile.
– For clarification, you can refer to this screenshot: https://ibb.co/v1g09JG

2. Change the font style:

– Navigate to Slides > Edit Slide.
– Open the slide in Elementor and go to the Style tab.
– From there, you can modify the font style to make it more readable.

Best Regards,

Hello,

Your suggested method is not working.

As you can see in my slide configuration, I have added a “featured image”, and the buttons as well as the text were added using Elementor.
Therefore, the options at the bottom of the page do not apply to this case.

Could you provide me with the best method to smoothly adjust the appearance of my slide on both PC and mobile using your theme?
On mobile, it is often necessary to adapt the slide configuration to ensure a perfect display.

Thank you in advance for your assistance.

Best regards,

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hello,

Here is the administrator access in the private section.

⚠️ Please be extremely careful, as my site is live. I kindly ask you to handle any changes with great caution.

Could you also provide me with a list of the actions performed on the back office so I can track the modifications?

Your support has always been excellent in this regard, and I truly appreciate it.

Thank you in advance for your help.

Best regards,

Hello,

Now check back to your site, Navigate to Slides > Edit Slide.

– In the slide settings at the bottom of the page, see the background-position “Left Top” for mobile: https://ibb.co/rGrTyFQF, and the slide content appearance is fine now:
https://ibb.co/bjphS68N

Check your site again to see the issue. If you have any questions feel free to contact us.

Best Regards,

[Author]

Posts