This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change Overlay Opacity in Page Header and Post Sliders

Open 1 reply premiumthemetheme-focus
Bob Patrick
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 11 years, 9 months ago

    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.

Have a different question or issue?

Start New Thread