Okay
  Public Ticket #2397198
Boxed Layout - Header, Container Transparency
Closed

Comments

  •  1
    Hunter started the conversation

    Hi there! 

    I'm working on a site where I'd like to use your boxed layout, but I also need to make the header background and the main content container background always be transparent (including no shadows). 

    Is there a combination of settings that can do this that I'm just not getting right? I've tried some custom CSS but I don't seem to be able to find the right selectors to make it work. 

    And advice you could offer would be hugely appreciated! 

  •  8,990
    Tahir replied

    Hey Again,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •   Hunter replied privately
  •  8,990
    Tahir replied

    Hey Again,

    Can you provide a screenshot of the elements you are trying to adjust so i can write up custom css. 

    Thanks 


    ThemeNectar Support Team 

  •  1
    Hunter replied

    Can do! I've attached a still of the old site that I'm mostly recreating visually.

    Basically, I want the middle section & header to disappear, so that I can have each individual block floating over the BG image. 

  •  8,990
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    div#header-space , div#boxed , #boxed .home-wrap, #boxed .container-wrap,body #header-outer, body[data-header-color="dark"] #header-outer {
        background: transparent !important;
        box-shadow: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    Hunter replied

    Perfect - thanks so much! That worked beautifully.