Grid widget

Change video name color

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

---

Change video name size

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

---

Change video name font

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

---

Hide grid elements

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

/* hide 'show more' button */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {display: none;}

---

Change background color

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

/* change video background color */
.reputon-tiktok-widget .reputon-grid .reputon-grid-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-grid) {
	  background: bisque;}
</style> 

change widget background color

change video background color

---

Change carousel width

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

---

Change “Show more” button

/* change text color */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {color: red;}

/* change font size */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {font-size: 10px;}

/* hide show more btn */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {font-family: Comic Sans MS;}

/* change button background */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {background: aquamarine;}

/* change button width */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {
  width: 150px;
  justify-content: center;}

/* change button height */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {
  width: 150px;
  align-items: center;}

/* change button borders */
.reputon-tiktok-widget .reputon-grid .reputon-load-more {
  border: 1px solid red;}

/* change button text */
.reputon-tiktok-widget .reputon-grid .reputon-load-more.editable:after {
  content: 'your text';}

change text color

change height

change font-size

change font

customize text

change borders

change background

---

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