I've inherited management of an existing Wordpress site that uses a custom Genesis child theme. I have attempted to set a full screen background image using the "Full Screen BG Image" plugin. However, the Home 2 area, used for a widget displaying latest posts, seems to have an irreversibly opaque background and the background image hides behind it. When I pull that section of the page down, I see the background image peek out from behind at the top. See It Here.
I am not a Wordpress expert, and I'm learning as I go. It would be amazing if there were a simple solution that would get our background image to display on our front page.
Thanks in advance, with apologies for my lack of knowledge!
The solid white background is set by your child theme's style.css file like so
.home-widgets-2 {
background-color: #fff;
...
}
You can just change that background-color statement to background-color: transparent; or background-color: rgba(255,255,255,.5); where .5 can be anywhere from 0 - 1 and controls the opacity.
You can either edit that in your style.css file itself (recommended if it's a child theme you manage/made) or you can add it in the Appearance > Customizer > Custom CSS section like so:
.home-widgets-2 {
background-color: transparent;
}
Using transparent makes it hard to read, so I'd suggest using the transparency options like rgba(255,255,255,.65)