Support » Theme: OceanWP » Header Media – need overlay setting

  • Resolved Vad



    Good theme!

    Please, need add overlay settings (Header / Header Media).
    Gradient overlay, color overlay, opacity overlay.

    Still there is another problem:
    MainPage / Header / Header Media (URL YouTube)
    Not works: Size Cover Video
    Black bars on the sides of the video.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Vad


    I did this way (Header Media CSS Overlay):

    #site-header:before {
    	content: '';
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	background-image: linear-gradient(-10deg,#eca19b,#e7e8f0,#2196F3);
    	opacity: .8; 

    Yes, the OceanWP header would clearly benefit from more settings and options.

    Page content can be dealt with page builders, but site headers needs to be controlled by the theme. Since it is usually the top part ov every page, it is crucial to get this part right.

    I have a related problem in need for a solution: to control how the header logo behaves at hover. If you figure that out, please let me know. Also see topic:

    Theme Author oceanwp


    Hi @vadym1, the css seem good 🙂
    Hi @matheron, I gave you the solution for that, copy the logo.php file into the same path in your child theme, edit it in your text editor, add you hover logo manually with the “hover-logo” class and add this css code:

    #site-logo #site-logo-inner a img.hover-logo,
    #site-logo #site-logo-inner a:hover img.custom-logo {display: none;}
    #site-logo #site-logo-inner a:hover img.hover-logo {display: block;}

    • This reply was modified 4 years, 5 months ago by oceanwp.

    Thank you @oceanwp .

    I will try your suggestions.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header Media – need overlay setting’ is closed to new replies.