I'd like for the navbar and footer to be transparent on the home page so that when the viewer scrolls, the background image (which is set to cover the page) shows through the footer, and that the navigation always shows as semi-transparent. The website is at http://www.estherbeler.com/test.
I do have a child for twenty-thirteen setup and have changed the following to "background: transparent!important;"
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary
#page
.site-footer
.sidebar-container
#colophon
#secondary
I then set the following:
.site-footer .sidebar-container {
background-color: rgba(0,0,0,0.8)!important;
}
The .site-footer .sidebar-container causes the background color to change in value based on the opacity, but it does not make it "see-through" to the background image. I feel like I've tried everything. Any advice on what I'm doing wrong?
