- This topic has 4 replies, 2 voices, and was last updated 2 years, 8 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Travel Ultimate Pro › configuration integrated slider
Hi there,
I want to change the arrows and stripes in the default theme for the slider. Instead of the strips for each sequence, I’d like dots. I also want to change the color of the dot for the active slide. I want to customize the left and right arrows. with on hover i want to change the color and also the design.
I ask for support.
Thanks very much.
Hello @TONY-MICELLI, Please add this CSS in the Additional CSS
.slick-prev:hover,
.slick-next:hover {
background-color: #00FF00;
}
#featured-slider .slick-dots li:before {
position: absolute;
height: 9px;
width: 9px;
left: 0;
bottom: 24px;
border-radius: 114%;
}
#featured-slider .slick-dots li.slick-active:before {
background-color: #00FF00
}
Go to Customizer >> Appearance >> Additional Css, paste the above CSS there, and published the site.
Please use this link for reference https://www.computerhope.com/htmcolor.htm
Please change the size of the dots as per your requirement. you can adjust the height, width, and radius.
Also, could you please send us the design of how you want to customize the left and right arrows?
Thanks
thank you very much. can you place the points in the middle so that they are next to each other? The left and right arrows in the following design: < > is that possible?
in the middle, like in the business & education Design. In all the other Layouts the slider changed not automatically.
please add the following CSS
#featured-slider:hover .slick-prev {
left: 633px;
}
#featured-slider:hover .slick-next {
right: 612px;
}
You can adjust it manually from your end as per your need.
Regards,
Themepalace
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |