Video banner widget

Customize your YouTube Gallery video banner widget with CSS. Change colors, fonts, layout, arrows, and more to match your website design.

Change widget text color

/* change title color */
.reputon-youtube-widget .reputon-background-video .reputon-title
{color: red;}

/* change description color */
.reputon-youtube-widget .reputon-background-video .reputon-subtitle
{color: red;}

title color

description color

---

Change widget font

/* change widget font */
.reputon-youtube-widget .reputon-background-video,
.reputon-youtube-widget .reputon-background-video .reputon-title {font-family: Comic Sans MS !important;}

---

Hide widget elements

/* hide title */
.reputon-youtube-widget .reputon-background-video .reputon-title
{display: none;}

/* change description color */
.reputon-youtube-widget .reputon-background-video .reputon-subtitle
{display: none;}

---

Change widget width

.reputon-youtube-widget .reputon-background-video
{width: 650px !important;}

---

Add margin above widget

.reputon-youtube-widget .reputon-background-video
{margin-top: 100px !important;}

---

Add margin below widget

.reputon-youtube-widget .reputon-background-video {margin-bottom: 100px !important;}

---

Hide widget on mobile

@media (max-width: 460px) { 
	.reputon-youtube-widget .reputon-background-video { 
		display: none !important; }}

---

Apply black-and-white filter

.reputon-youtube-widget .reputon-background-video {filter: grayscale(100%);}

---

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