Hello there,
Yes, it is possible. It can be done by adding a couple of jQuery and CSS code. Please try to do the following steps:
1. Install and activate the Header and Footer Scripts plugin. Go to Settings > Header and Footer Scripts.
2. Paste the following code into the “Scripts in header:” box:
<style type="text/css">
.slide-paragraph{
color: #fff;
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width:769px){
.slide-paragraph{
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
}
</style>
3. Paste the following code into the “Scripts in footer:” box:
<script type="text/javascript">
jQuery(function($) {
var myText1 = 'Text 1';
var myText2 = 'Text 2';
var myText3 = 'Text 3';
var myText4 = 'Text 4';
var myText5 = 'Text 5';
if( $('.slide-item:nth-child(1)').length ){
$('.slide-item:nth-child(1) .text-slider').append('<p class="slide-paragraph">'+myText1+'</p>');
}
if( $('.slide-item:nth-child(2)').length ){
$('.slide-item:nth-child(2) .text-slider').append('<p class="slide-paragraph">'+myText2+'</p>');
}
if( $('.slide-item:nth-child(3)').length ){
$('.slide-item:nth-child(3) .text-slider').append('<p class="slide-paragraph">'+myText3+'</p>');
}
if( $('.slide-item:nth-child(4)').length ){
$('.slide-item:nth-child(4) .text-slider').append('<p class="slide-paragraph">'+myText4+'</p>');
}
if( $('.slide-item:nth-child(5)').length ){
$('.slide-item:nth-child(5) .text-slider').append('<p class="slide-paragraph">'+myText5+'</p>');
}
});
</script>
4. Save settings
Regards,
Kharis