Reply To: Revolution slider – css style from example data

#2677
livemesh
Keymaster

Hi,

Here is the code for the caption styling for the Revolution Slider

.tp-caption.big_red{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 500; 
			font-size: 36px; 
			line-height: 58px; 
			font-family: "Museo"; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none;									
		}

.tp-caption.big_red span{
            background: #dc4637;  background: rgba(220,70,55,0.7);
  			padding: 6px 10px; 
    }

.cyan .tp-caption.big_red span{
            background: #02accf; background: rgba(2, 172, 207, 0.7);
    }

.orange .tp-caption.big_red span{
            background: #e25d33; background: rgba(226, 93, 51, 0.7);
    }

.teal .tp-caption.big_red span{
            background: #28c2ba; background: rgba(40, 194, 186, 0.7); 
    }

@media only screen and (max-width : 768px) {
.tp-caption.big_red span {
padding: 4px 10px;
}
      
@media only screen and (max-width : 479px) {
.tp-caption.big_red span {
padding: 3px 10px;
}
}

Hope that helps. Thanks!