Carousel widget

Change video name color

.reputon-tiktok-widget .reputon-carousel .reputon-player-card .reputon-text {color: red;}

---

Change video name size

.reputon-tiktok-widget .reputon-carousel .reputon-player-card .reputon-text {font-size: 10px;}

---

Change video name font

.reputon-tiktok-widget .reputon-carousel .reputon-player-card .reputon-text {font-family: Comic Sans MS;}

---

Hide carousel elements

/* hide video name */
.reputon-tiktok-widget .reputon-carousel .reputon-player-card .reputon-text {opacity: 0;}

/* hide carousel arrows */
.reputon-tiktok-widget .reputon-carousel .reputon-carousel-container .reputon-swiper-button-next,
.reputon-tiktok-widget .reputon-carousel .reputon-carousel-container .reputon-swiper-button-prev {
  display: none;}

hide name

hide arrows

---

Change background color

/* change widget background color */
.reputon-tiktok-widget .reputon-carousel .reputon-carousel-container {background: bisque;}

/* change video background color */
.reputon-tiktok-widget .reputon-carousel .reputon-carousel-container .reputon-player-card {background: bisque;}

/* To change the widget section color, add this code to theme.liquid */
<style> 
section:has(.reputon-tiktok-widget .reputon-carousel) {background: bisque;}
</style>

change widget background color

change video background color

---

Change carousel width

.reputon-tiktok-widget .reputon-carousel {width: 650px;}

---

Questions about CSS or need assistance? We're excited to help: [e-mail] or live chat.