Okay
  Public Ticket #338465
multilayer parallax heading with semi transparent background box
Closed

Comments

  • Oliver started the conversation

    Is it possible to create some semi transparent text boxes onto the multi layer parallax heading? As the heading is a text box in the visual composer and not the text field in the nectar slider, right?

  •  8,454
    Tahir replied

    Hey!

    Yes it should be possible. Can you provide the page url .

    Thanks 


    ThemeNectar Support Team 

  • Oliver replied

    Of course, sounds promising ;-)

    http://www.olika.de/wordpress/?page_id=3100

    It´s the text in the contact category "sag hallo" and the second line


  •  8,454
    Tahir replied

    Hey!

    I see you have a "kontakt" class added to the row so have used it to target the h1 . Add this into the Custom CSS box located in your Salient Options panel :
    .kontakt h1.jumbo {
        padding: 4px 0px;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
        -o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
    }
    .kontakt h1 {
        padding: 4px 0px;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
        -o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
    }
    
    
    
    Best,
    -T


    ThemeNectar Support Team 

  • Oliver replied

    Great that works!

    but one last thing, now the box is fullwidth not only behind text.

    you can already see it at:

    http://www.olika.de/wordpress/?page_id=3100

  • Oliver replied

    solved it! thanks!