Home>Support>Change Overlay Opacity in Page Header and Post Sliders

Change Overlay Opacity in Page Header and Post Sliders

By Bob Patrick, 11 years ago. Last reply by Andrew Misplon, 11 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Friends,
What custom CSS might I use to brighten the overlay images on my Pages and Post Video Sliders .

Also, how can I increase the height of the a header image on pages?

Thanks and keep up the great work!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 11 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Bob

    For the overlay removal please try:

    /* Focus remove slider and single post opacity overlay */

.slider .overlay {
opacity: 0 !important; 
}

#single-header .overlay {
opacity: 0 !important; 
}

    By design the featured image isn’t big at the top of posts unless a video is added. So option one would be to add your post video by using the Focus Video plugin below the Visual editor. That would land up looking like this:

    http://demo.siteorigin.com/focus/2013/02/20/ferrari-458/

    You could however introduce a minimum height for the header like this:

    /* Single Post Header */

#single-header {
min-height: 500px;
}

    Adjust 500px to your preference there.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More