Subscribe card

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%);}

Questions about CSS or need assistance? We're excited to help: support@reputon.com or live chat.

Last updated

Was this helpful?