panel background image

  • My fourth panel, called “news”, has a featured image that displays at the top of the panel. I’d like this image to be a background image on the panel, with the words displayed over the image, scrolling as it currently does in parallax. I can’t figure out what to modify to make the black background of the panel go away. I’d like this background image to display just for that panel, and not affect the background of any of the other panels. I know I can set a background image for the whole page, but I want this to only appear on this one panel, and I’d like the other panels to keep their black background scheme. Is this possible?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, while we can use positioning CSS to move the content up and over the image, things go awry at about 960px in screen/window width since the image does not expand vertically to make more room for the text content, and other things start to go awry as well.

    @media screen and (min-width: 960px) {
#post-26 .panel-content {
	position: absolute;
	top: 0;
	width: 100%;
}
}
Viewing 1 replies (of 1 total)
  • The topic ‘panel background image’ is closed to new replies.