Hello, @megha2023!
First, you need to enable the Slider from the
Customizing->Slider->General menu.https://prnt.sc/qujduj
Then add your images and customize the title and links from the Customizing->Slider->Slide#1(#2) menu.
https://prnt.sc/qujduj
I hope this helps you.
Regards
Thread Starter
Camilie
(@megha2023)
Yes that option is already enabled. I have uploaded an image also. But its not displaying in front.
Hello, @megha2023!
Navigate to Customizing->Slider->General menu and try to set the “Visibility” to “Front Page”
https://prnt.sc/quzjnm
Regards
Thread Starter
Camilie
(@megha2023)
Slider is displaying perfectly. Thank you!
Thread Starter
Camilie
(@megha2023)
Is there any way to display only one slide? I just want a single image for now. Right now 2 slides are being displayed.
Also I would like to have some space for content between slider and 3 boxes. How can I do that?
Thanks
-
This reply was modified 6 years, 3 months ago by
Camilie.
Hello, @megha2023!
I see you already found a way to solve the problem with the slider(using the same image for both slides).
If you want to disable the slide text animations and hide the arrows and slide loader, insert the following code into Customizing->General->Additional CSS:
h2.slide-title,
.animated,
.cameracurrent{
opacity:1!important;
display: block!important;
animation: none!important;
}
.camera_bar,
.camera_next,
.camera_prev{
display: none;
}
to increase the space between the slider and FrontPage Boxes, additionally, insert the following code at the same place:
.vision-row {
padding-top: 100px!important;
}
Change the Padding-top value per your wish.
Regards
Thread Starter
Camilie
(@megha2023)
Appreciate your quick response. By space I mean I want to add some text in between slider and front boxes. So how can I can do that.
Thanks
Thread Starter
Camilie
(@megha2023)
Please reply to my query ASAP. I want to add some text between slider and frontboxes. How can I do?
Hello,@megha2023!
Unfortunately, only the heading is allowed(as you already have).
If you want to add more content above the Frontpage Boxes, disable the Front Page Boxes, and create your Homepage using the Elementor Page builder.
(It’s very easy to create the FrontPage Boxes using the Elementor).
Icon Box Element Tutorial
I hope this will help you.
Regards
Hello @megha2023,
In the next theme update, we will implement proper hook actions for purposes like yours where you will be able to attach a custom function into the header area from the child theme.
Best Regards
Thread Starter
Camilie
(@megha2023)
Hello,
Slider is not mobile compatible. The image doesn’t display in responsive manner on mobile. Kindly check and help me.
Thanks,
Hello, @megha2023!
Insert the following code into Customizing->General->Additional CSS:
@media only screen and (max-width: 992px) {
.camera_wrap img{
width:100%!important;
height:auto!important;
margin:0!important;
top: 50%;
transform: translateY(-50%);
}
h2.slide-title{
font-size:5vw!important;
}
#agama_slider a.button{
font-size:2vw!important;
}
}
Regards
Thread Starter
Camilie
(@megha2023)
Hello,
I am unable to find out the reason of extra space between slider and the welcome text when viewed in mobile. Kindly help me with the issue.
Thanks
Hi, try next code:
@media only screen and (max-width: 992px) {
#page{
transform: translateY(-5%)!important;
}
.vision-row {
padding-top:0px!important;
}
}
Regards
Thread Starter
Camilie
(@megha2023)
Hello,
Your latest version has banner image but it is not mobile responsive. Kindly help me to make it responsive.
Thanks
