Subscribe card

Customize your YouTube Gallery subscribe card with CSS. Change colors, fonts, layout, arrows, and more to match your website design.

Change widget text color

/* change name color */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-heading-caption {color: red;}

/* change videos counter color */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-counters {color: red;}

/* change subscribers counter color */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-subscribers-count {color: red;}

/* change button color */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-bt-subscribe {color: red;}

title

subscribers counter

video counter

button

---

Change widget font

/* change widget font */
.reputon-youtube-widget .reputon-widget-type-subscribe-card
{font-family: Comic Sans MS !important;}
.reputon-youtube-widget .reputon-widget-type-subscribe-card *
{font-family: inherit;}

---

Hide widget elements

/* hide name */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-heading-caption {display: none;}

/* hide videos counter */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-counters {display: none;}

/* hide subscribers counter */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-subscribers-count {display: none;}

/* hide 'subscribe' button */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-bt-subscribe {display: none;}

/* hide logo */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-image {display: none;}

name

subscribers counter

video counter

button

---

Change widget background

/* change background of the entire widget */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-subscribe-card {background: rebeccapurple;}

/* change button background */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-bt-subscribe {background: red;}

/* change subscribers counter background */
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-subscribers-count,
.reputon-youtube-widget .reputon-widget-type-subscribe-card .reputon-subscribers-count:before {background: red;}

widget color

button color

subscribers counter

---

Add margin above widget

.reputon-youtube-widget .reputon-widget-type-subscribe-card
{margin-top: 100px !important;}

---

Add margin below widget

.reputon-youtube-widget .reputon-widget-type-subscribe-card {margin-bottom: 100px !important;}

---

Hide widget on mobile

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

---

Apply black-and-white filter

.reputon-youtube-widget .reputon-widget-type-subscribe-card {filter: grayscale(100%);}

---

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