Easy slider description box

Hi,
Thank you for your patience, to change the lower button to roboto, try this css:

.av-d2qwg-e9ae8fb5484d65afa63467cb5d9917ef h4 {
	font-family: 'roboto' !important;
}

I was not able to login to adjust the heading box. It looks like the link above to the special character documentation was broken, this one is correct.
Here is the list of characters and their replacement:

<    =    ###lt### 
>    =    ###gt###
[    =    ###91###
]    =    ###93###

Best regards,
Mike

Hi,
The pages that I check show that the testimonials only have two items, I tested the following script by injecting it in the browser and it worked, but with only two items it’s like flipping a coin, you still might get three of the same in a row. Try adding four more testimonials and then test, you should see a better random outcome.

document.addEventListener("DOMContentLoaded", function () {
  var rows = document.querySelectorAll(".avia-testimonial-row");

  rows.forEach(function (row) {
    var testimonials = Array.from(row.querySelectorAll(".avia-testimonial"));
    if (testimonials.length <= 1) return;

    for (let i = testimonials.length - 1; i > 0; i--) {
      let j = Math.floor(Math.random() * (i + 1));
      [testimonials[i], testimonials[j]] = [testimonials[j], testimonials[i]];
    }

    testimonials.forEach(function (t) {
      row.appendChild(t);
    });
  });
});

Best regards,
Mike

Hi,
Sorry, I was looking at the wrong site, now I see that your testimonials are in a content slider and not the testimonial element like on your other site.
I adjusted the script:

document.addEventListener("DOMContentLoaded", function () {
  var rows = document.querySelectorAll(".avia-content-slider-inner");

  rows.forEach(function (row) {
    var testimonials = Array.from(row.querySelectorAll(".slide-entry-wrap"));
    if (testimonials.length <= 1) return;

    for (let i = testimonials.length - 1; i > 0; i--) {
      let j = Math.floor(Math.random() * (i + 1));
      [testimonials[i], testimonials[j]] = [testimonials[j], testimonials[i]];
    }

    testimonials.forEach(function (t) {
      row.appendChild(t);
    });
  });
});

Best regards,
Mike

Hi,
I see that your snippet plugin doesn’t allow JS or CSS snippets, I recommend the WP Code plugin as it is not limited.
Typically, I post snippets in a PHP function, but since you had posted just the JS earlier I thought you were using a plugin that allows JS, I updated your snippet for PHP:

function random_content_slider_script() { ?>
  <script>
document.addEventListener("DOMContentLoaded", function () {
  var rows = document.querySelectorAll(".avia-content-slider-inner");

  rows.forEach(function (row) {
    var testimonials = Array.from(row.querySelectorAll(".slide-entry-wrap"));
    if (testimonials.length <= 1) return;

    for (let i = testimonials.length - 1; i > 0; i--) {
      let j = Math.floor(Math.random() * (i + 1));
      [testimonials[i], testimonials[j]] = [testimonials[j], testimonials[i]];
    }

    testimonials.forEach(function (t) {
      row.appendChild(t);
    });
  });
});
</script>
  <?php
}
add_action( 'wp_footer', 'random_content_slider_script', 99 );

Now it works.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike