Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
/* fix for font-awesome icon due to Custom Font */
.fa {
font-family: FontAwesome !important;
}
/* testimonial text color */
.testimonial_slider blockquote p {
color: #236053 !important;
}
/* testimonial Name Color */
.testimonial_slider blockquote .testimonial-name {
font-style: normal !important;
color: #c54935 !important;
}
/* testimonial subtitle color */
.testimonial_slider blockquote .title {
font-style: normal !important;
color: #167ac6 !important;
}
/* testimonial control arrows color */
testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before {
color: #008585;
}
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.testimonial_slider[data-style="minimal"] .controls .out-of, .testimonial_slider[data-style="minimal"] .controls .total , .testimonial_slider[data-style="minimal"] .control-wrap ul li {
color: #f8a551 !important;
}
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.testimonial_slider[data-style="minimal"] .controls li {
font-family: rm-neue-light !important;
}
I'd like to adjust the testimonial slider. Could you provide advice?
- Colour of font for testimonial
- Colour of font for name
- Colour of font and style of font for title
I have used the following CSS. Is this right? Will it work?
.testimonial_slider blockquote p {
color:#bf8639 !important;
}
.testimonial_slider:not([data-style*="multiple_visible"]) blockquote {
font-style:normal !important;
color: rgba(0,55,65,100) !important;
}
.testimonial_slider blockquote .title{
font-style:normal !important;
color: rgba(0,55,65,100) !important;
}
.testimonial_slider[data-style="minimal"] .controls {
color: rgba(0,55,65,100) !important;
}
Also, the custom font I have used seems to have issues with the left and right arrow. Is there a way around this?
Thanks for your time.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
/* fix for font-awesome icon due to Custom Font */ .fa { font-family: FontAwesome !important; } /* testimonial text color */ .testimonial_slider blockquote p { color: #236053 !important; } /* testimonial Name Color */ .testimonial_slider blockquote .testimonial-name { font-style: normal !important; color: #c54935 !important; } /* testimonial subtitle color */ .testimonial_slider blockquote .title { font-style: normal !important; color: #167ac6 !important; } /* testimonial control arrows color */ testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before { color: #008585; }Thanks
ThemeNectar Support Team
Hey Tahir
It all works except the next / previous arrows. Seems to be only colouring one part of the arrow. Any ideas on how to change the entire colour?
Cheers
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:after, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:after { background-color: #bf8639 !important; } .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:before, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:before { color: #bf8639 !important; }Thanks
ThemeNectar Support Team
Thanks Tahir much appreciated.
Do you have any custom CSS to colour the numbering underneath too?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.testimonial_slider[data-style="minimal"] .controls .out-of, .testimonial_slider[data-style="minimal"] .controls .total , .testimonial_slider[data-style="minimal"] .control-wrap ul li { color: #f8a551 !important; }Thanks
ThemeNectar Support Team
Thanks Tahir. Much appreciated.
Is there a way to unbold the left number?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.testimonial_slider[data-style="minimal"] .controls li { font-family: rm-neue-light !important; }Thanks
ThemeNectar Support Team
Nice. Thanks again!