Mobile app version of vmapp.org
Login or Join
Hamm4606531

: CSS parallax issue within Twenty Seventeen WordPress Theme I hope this is the right place for this. I tried WP Developers but question was considered off topic. I’m using the Twenty Seventeen

@Hamm4606531

Posted in: #Css #Wordpress

I hope this is the right place for this. I tried WP Developers but question was considered off topic.

I’m using the Twenty Seventeen theme in WordPress (4.8.2) 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.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Hamm4606531

2 Comments

Sorted by latest first Latest Oldest Best

 

@Alves908

This answer was provided by Andrew Nevins over on the Wordpress.org forums:

.site-content-contain {
background-color: transparent;
}

Simple once you find it.

10% popularity Vote Up Vote Down


 

@Smith883

You need to use your browser developer tools to discover what element is involved. You can then adjust the CSS on the fly to see what changes achieve the desired result. Once you have that, you apply the CSS changes to the style sheet or to custom CSS

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme