Vídeo header em todas as páginas

Hello,

I’m from Brazil

I choose the header in videos but I would like it to appear only on some pages, not at all. How do I do?

Hi @achelauro,

Thank you for reaching out to us here.

To restrict the video header on a specific page, you can use the below CSS code:


@media only screen and (min-width:1025px) {
  
  .page-id-123 .site-header {
    background-color: rgba(0,0,0,0.9);
  }
  
  .page-id-123 .sydney-hero-area {
    height: 140px;
  }
  
  .page-id-123  .wp-custom-header {
    display: none;
  }
  
}

Replace 123 with your page ID. You can find it in the web browser address bar when editing it. You’ll see something like this:


yoursite.com/wp-admin/post.php?post=123&action=edit

To hide it on your other pages, use this code to do the same CSS in multiple pages at once:


@media only screen and (min-width:1025px) {
  
  .page-id-123 .site-header,
  .page-id-124 .site-header,
  .page-id-125 .site-header {
    background-color: rgba(0,0,0,0.9);
  }
  
  .page-id-123 .site-header,
  .page-id-124 .site-header,
  .page-id-125 .site-header {
    height: 140px;
  }
  
  .page-id-123 .site-header,
  .page-id-124 .site-header,
  .page-id-125 .site-header {
    display: none;
  }
  
}

To apply extra CSS code to your site, add it to Appearance > Customize > Additional CSS from your site dashboard.

Regards,
Kharis