cover image overlay

  • Resolved hartmutnz

    (@hartmutnz)


    9 years, 5 months ago

    Hi , thanks for the great theme. I tried to narrow the height of the cover image with custom css: I used:

    }
.cover-image,
.cover-image-overlay,
.section-image,
.section-image-overlay {
	height: 50%; /* cross-browser */
	min-height: 50%;
}

    Did not work.
    I wanted the image to be only 250 pixels high. So I also tried:

    }
.cover-image,
.cover-image-overlay,
.section-image,
.section-image-overlay {
	height: 250px; /* cross-browser */
	min-height: 200px;
}

    None of this works, What css code would you suggest?

Viewing 1 replies (of 1 total)
  • Theme Author Tim Nicholson

    (@timnicholson)

    I think the main issue is probably that the text being displayed is higher than 250px. You can force the image’s container to be 250px, but your text will get chopped off.
    .content-header-image { max-height: 250px; overflow: hidden; }

Viewing 1 replies (of 1 total)
  • The topic ‘cover image overlay’ is closed to new replies.