RevSlider Caption Color block

[pete999]

Hi

How do I insert color block around revslider caption “WordPress theme to present your
fabulous App” just like in the demo?

Thanks

[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.

[pete999]

This reply has been marked as private.

[Nexus]

Done with adding caption styling to the Revolution Slider. Lots have changed with the new version of the Revolution Slider. Let me know if you have any more issues. Thanks!

[pete999]

Looks great, thanks 🙂

[Author]

Posts