-
Author
Tagged: navigation arrow
-
June 11, 2015 at 10:10 #61988
Gandam
ParticipantHi,
How do I change slider navigation arrow style? I noticed that there is only “solo style” under nav arrow option. I prefer a square arrow with no preview function, something similar to the attachment I’ve enclosed. Is there option to customise it or how do I fix this then? Thanks
Attachments:
You must be logged in to view attached files.June 11, 2015 at 16:11 #62028Laura
ModeratorHello, its an image you can replace at
wp-content/plugins/revslider/rs-plugin/assets/large_left.png
wp-content/plugins/revslider/rs-plugin/assets/large_right.pngHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 11, 2015 at 20:31 #62139Laura
ModeratorHave you replaced them with the same name as the old ones? Try clearing cache
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 11, 2015 at 20:55 #62151Laura
ModeratorHello, please share admin credentials so i can check it out 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 11, 2015 at 22:47 #62194Laura
ModeratorCould you enable right click? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 11, 2015 at 23:36 #62216Laura
ModeratorHello, please use this CSS
COPY CODE.tp-rightarrow.default { z-index: 100; cursor: pointer; background: url(../assets/large_right.png) no-repeat; width: 45px; height: 150px; color: #fff; text-align: center; margin-top: -50px !important; opacity: 1.2; } .tp-leftarrow.default { z-index: 100; cursor: pointer; background: url(../assets/large_left.png) no-repeat 0 0; width: 45px; height: 150px; color: #fff; text-align: center; margin-top: -50px !important; opacity: 1.2; } .tparrows:hover { background-position: initial !important; opacity: 0.5 !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 11, 2015 at 23:39 #62218Gandam
Participant@Laura – thanks, so Where do I paste it, in theme quick css? and this arrow style will be the same as my attached png file?
June 11, 2015 at 23:41 #62222Laura
ModeratorHello, yes, those are your images.
Add it to quick cssHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 12, 2015 at 15:52 #62368Laura
ModeratorHello, please replace the code from above for this one
COPY CODE.tp-rightarrow.default { z-index: 100; cursor: pointer; width: 45px; height: 150px; color: #fff; text-align: center; margin-top: -50px !important; opacity: 1.2; } .tp-leftarrow.default { z-index: 100; cursor: pointer; width: 45px; height: 150px; color: #fff; text-align: center; margin-top: -50px !important; opacity: 1.2; } .tparrows:hover { background-position: initial !important; opacity: 0.5 !important; }
If you find another image that fits better we can use it, so let me know if you like it like that 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 12, 2015 at 23:43 #62512Gandam
Participant@Laura – Any chance for you to attend my query yet, thanks!! 🙂
June 13, 2015 at 06:12 #62583Laura
ModeratorHello, please change with the following codes
COPY CODE.tp-rightarrow.default { z-index: 100; cursor: pointer; width: 45px; height: 150px; color: #fff; text-align: center; margin-top: -50px !important; opacity: 0; } .tp-leftarrow.default { z-index: 100; cursor: pointer; width: 45px; height: 150px; color: #fff; text-align: center; margin-top: -50px !important; opacity: 0; }
Do not replace the :hover ones
That it what i can do, when you hover the arrow will appear, not much more i can doHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 13, 2015 at 11:10 #62600Gandam
Participant@Laura – I picked up another with your code, it is not responsive, so it will show i full size on smart devices, how do I fix that? Thanks
June 13, 2015 at 18:46 #62630Laura
ModeratorHello, you need a small arrow for mobile so i can change it, just let me know the url and i will add it
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
-
AuthorPosts
The forum ‘KLEO’ is closed to new topics and replies.