Carousel widget

Change widget font

.reputon-tiktok-widget .reputon-carousel {font-family: Comic Sans MS !important;}

---

Change background color

/* change widget background color */
.reputon-tiktok-widget .reputon-carousel .reputon-carousel-container {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 carousel width

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

---

Change arrows color

/* change background  */
.reputon-tiktok-widget .reputon-carousel .reputon-swiper-button-next rect,
.reputon-tiktok-widget .reputon-carousel .reputon-swiper-button-prev rect {fill: red;}

/* change arrow icon color  */
.reputon-tiktok-widget .reputon-carousel .reputon-swiper-button-next path,
.reputon-tiktok-widget .reputon-carousel .reputon-swiper-button-prev path {fill: black;}

---

Remove arrows

.reputon-tiktok-widget .reputon-carousel .reputon-swiper-button-next,
.reputon-tiktok-widget .reputon-carousel .reputon-swiper-button-prev {display: none;}

---

Change play icon color

.reputon-tiktok-widget .reputon-carousel .reputon-play-icon path {fill: red;}
.reputon-tiktok-widget .reputon-carousel .reputon-play-icon circle {stroke: red;}

---

Remove play icon

.reputon-tiktok-widget .reputon-carousel .reputon-play-icon {display: none;}

---

Change header background

.reputon-tiktok-widget .reputon-carousel .reputon-reviews-head {background: bisque;}

---

Change header border

.reputon-tiktok-widget .reputon-carousel .reputon-reviews-head {border: 1px solid black;}

---

Change chanel title

.reputon-tiktok-widget .reputon-carousel .reputon-title {color: red;}

---

Remove chanel title

.reputon-tiktok-widget .reputon-carousel .reputon-title {display: none;}

---

Change chanel name

.reputon-tiktok-widget .reputon-carousel .reputon-description {color: red;}

---

Remove chanel name

.reputon-tiktok-widget .reputon-carousel .reputon-description {display: none;}

---

Change counters text

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

---

Change counters

.reputon-tiktok-widget .reputon-carousel .reputon-counter {color: red;}

---

Remove counters

.reputon-tiktok-widget .reputon-carousel .reputon-counters {display: none;}

---

Change verified color

.reputon-tiktok-widget .reputon-carousel .reputon-verified {color: red;}

---

Remove verified icon

.reputon-tiktok-widget .reputon-carousel .reputon-verified {display: none;}

---

Change button background

.reputon-tiktok-widget .reputon-carousel .reputon-follow-button  {background: red;}

---

Change button color

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

---

Remove follow button

.reputon-tiktok-widget .reputon-carousel .reputon-follow-button  {display: none;}

---

Change divider color

.reputon-tiktok-widget .reputon-carousel .reputon-divider  {background: red;}

---

Change divider width

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

---

Remove divider

.reputon-tiktok-widget .reputon-carousel .reputon-divider  {display: none;}

---

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