Reply To: RevSlider Caption Color block

[Nexus]

Hi,

Please edit one of the slide in the Revolution Slider. You will see the “Layer General Parameters” section below. Click on the “Edit CSS File” button and paste the following code and update.

.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;
}
}

In the “Style” dropdown choose “big_red” as the style for your text layer. See this screenshot for assistance if needed https://docs.google.com/file/d/0B9j6FQo4cSQFcnJZZDFOMG92Z0U/edit?usp=sharing

Hope that helps. Thanks.