Okay
  Public Ticket #191718
Remove transparant header when there is a Nectar slide heading
Closed

Comments

  • Casandra started the conversation

    Hi, the transparant header is beautiful on some pages, but when the header becomes transparant on a portfolio details page with a nectar slider, it doesn't look good.

    It will be like this:

    [transparant header (menu)]

    [non-transparant portfolio title]

    [nectar slider]

    See screenshot.

    Two questions:

    - How do I remove transparant header on some pages?

    - Can I turn the non-transparant portfolio title also to transparent?

  • Casandra replied

    Any help? I launched my website yesterday. You can find the problem here:

    http://www.aspiringdev.com/portfolio/letsbeopen-community/

  • Casandra replied

    Hello? I'd like support here please

  •  8,839
    Tahir replied

    Hey Casandra!

    Add this into the Custom CSS box located in your Salient Options panel:

    .single-portfolio #header-outer[data-transparent-header="true"] .ns-loading-cover {
    		background-color: #393939;
    		
    	}
    	
    .single-portfolio #header-outer[data-transparent-header="true"].transparent #logo img{
    		opacity: 1;
    		-ms-filter: 'alpha(opacity=1)';
    	}
    	
    .single-portfolio #header-outer[data-transparent-header="true"].transparent #logo .starting-logo {
    		opacity: 0;
    		-ms-filter: 'alpha(opacity=0)';
    	}
    .single-portfolio #header-outer.transparent header#top nav > ul > li > a {
        opacity: 1;
    	-ms-filter: 'alpha(opacity=1)';
    }
    .single-portfolio #header-outer[data-transparent-header="true"].transparent {
        background-color: #fff !important;
    }
    
    
    

    Cheers


    ThemeNectar Support Team 

  • Casandra replied

    My menu goes invisible now..

    http://www.aspiringdev.com/portfolio/letsbeopen-community/

  • Casandra replied

    Hi support, I'd like some help here.

    I tried solving the problem by changing the menu color in the css only on that page, but I don't like the solution. Look at the image in 

    http://www.aspiringdev.com/portfolio/wauben-constr... and in http://www.aspiringdev.com/portfolio/letsbeopen-co...

    The slider image is supposed to be centered on the page, but the one in the LetsBeOpen portfolio item is centered all wrong. Please find a solution for this.

  •  8,839
    Tahir replied

    Hey Casandra!

    Please crop/scale the image so the laptop is in the center. If you really need further modifications done you could head on over to Envato Studio which is a service from Envato that offers paid WordPress customizations. I'm sure a developer on there would be able to wrap this up for you :)

    Thanks


    ThemeNectar Support Team