Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Making header and footer of home page transparent


Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Replace what you have in Page Settings > Advanced > PAGE HEADER CODE INJECTION with the following. <script src="https://kit-pro.fontawesome.com/releases/latest/js/pro.min.js" data-auto-a1

It worked man thank you!!!!!!! yall are freaking awesome!!!

If you want the effect site-wide add the following to Design > Custom CSS. body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .black .header-nav-folder-content {   backgroun

Posted Images

#footer-sections, #header {

  background-color: transparent;

  }

 

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

Replace what you have in Page Settings > Advanced > PAGE HEADER CODE INJECTION with the following.

<script src="https://kit-pro.fontawesome.com/releases/latest/js/pro.min.js" data-auto-a11y="true" data-auto-fetch-svg="" data-fetch-svg-from="https://kit-pro.fontawesome.com/releases/latest/svgs"></script>

<script src="https://content1.getnarrativeapp.com/ss-ajax-loader.js"></script>

<style>

  [data-section-id="5f56a4f67d0bb54905c6b3b8"] .section-background {
  
    top: 0 !important;
    
    }
    
  </style>

This should accomplish what you want on the home page as far as the header goes.

As to the the footer I don't have a solution at this time.

Let us know how it goes.

Edited by creedon
version 2 of CSS

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

one more question. how would i make these changes to every page's header on my sight. I tried injecting it in advanced css settings onto the about page but it isn't working. I'm assuming because the code id number is incorrect for that page. I've just been having trouble finding it in the Page source code. Thank you.

Link to post

If you want the effect site-wide add the following to Design > Custom CSS.

body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .black .header-nav-folder-content {

  background-color: transparent;
  
  }

#footer-sections, #header {

  background-color: transparent;
  
  }

It basically the same code as above minus the selectors that make it specific to a particular page.

Edited by creedon
version 2 of CSS, added transparent background for rates

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

I updated both previous posts with CSS in them. Update what I gave you previously and lets see if everything is looking good.

Let us know how it goes.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...