RevSlider Caption Color block

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #3245
    Pete999pete999
    Member

    Hi

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

    Thanks

    #3264
    NexusNexus
    Moderator

    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.

    #3268
    Pete999pete999
    Member
    This reply has been marked as private.
    #3271
    NexusNexus
    Moderator

    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!

    #3278
    Pete999pete999
    Member

    Looks great, thanks 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘RevSlider Caption Color block’ is closed to new replies.