I’m using Twenty Seventeen with a static front page with 4 additional sections. On the very top part, as you scroll down, the logo, site name, and tagline scroll up over the opening image. There’s a clear background to the logo, title, tagline group, so the background image shows through.
As you scroll down further, the 2nd image comes into view, and it’s completely displayed when the 1st image has scrolled off the screen and the menu is now at the top. Continue scrolling and the text of the next section scrolls up, covering over the 2nd image. However, this text has a white (in my case) background and the image does NOT show through.
This is the same behavior for the remaining image/text pairs. What I want to know how to do is make the background on those text sections clear, like in the topmost section. I’ve seen how their color can be changed, but not how it can be made to be transparent.
Any help would be greatly appreciated.
The page I need help with: https://lonewolfleagues.com