Single video widget

Customize your TikTok Feed single video widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.

Change background color

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

---

Change widget width

.reputon-tiktok-widget .reputon-single-video .reputon-container,
.reputon-tiktok-widget .reputon-single-video .reputon-container .reputon-player-card {max-width: 650px;}

---

Change product title color

.reputon-tiktok-widget .reputon-single-video .reputon-product-overlay .reputon-product-overlay-title {
color: #ff0000;}

---

Change product price color

.reputon-tiktok-widget .reputon-single-video .reputon-product-overlay .reputon-product-overlay-price {
color: #ff0000;}

---

Change product image size

.reputon-tiktok-widget .reputon-single-video .reputon-product-overlay .reputon-product-overlay-image{
width: 20px;
height: 20px;}

---

Have questions or need help with CSS? Contact us at [e-mail] or live chat