nicholasando 2 Share Posted October 10, 2020 Site URL: http://www.andersonair.org I just need to know how and what css code to inject into my advanced settings in order for my header and footer to be transparent. im a self learned coder still trying to figure out things. thank you! Link to post
creedon 414 Share Posted October 10, 2020 #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
nicholasando 2 Author Share Posted October 10, 2020 i also want the header/footer to be transparent over the images i have on the home page. Link to post
creedon 414 Share Posted October 11, 2020 (edited) 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 October 12, 2020 by creedon version 2 of CSS nicholasando 1 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
nicholasando 2 Author Share Posted October 11, 2020 It worked man thank you!!!!!!! yall are freaking awesome!!! creedon 1 Link to post
nicholasando 2 Author Share Posted October 11, 2020 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
creedon 414 Share Posted October 11, 2020 (edited) 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 October 11, 2020 by creedon version 2 of CSS, added transparent background for rates nicholasando 1 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
nicholasando 2 Author Share Posted October 11, 2020 YOU ARE THE MAN! THANK YOU creedon 1 Link to post
nicholasando 2 Author Share Posted October 11, 2020 Last question about this, how do i make my rates drop down menu transparent as well? Link to post
creedon 414 Share Posted October 12, 2020 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment