Modifying site header & page header for 'Nothing Found' page

Premium Theme Support Themes Harbor Appetite Modifying site header & page header for 'Nothing Found' page

• 

  seunghughshin · Member · April 25, 2021 at 6:19 am

  • Copy link
  • Add topic to favorites

  Hi, Taras,

  Can you please give me a css solution to change text & background colour of site header & page header for ‘Nothing Found’ page?
  I applied the css below, but it doesn’t affect the ‘Nothing Found’ page…

  
.single #primary-header,
.blog #primary-header,
.page:not(.home) #primary-header {
background-color: #ffffff;
color: #383A3B;
text-shadow: none;
transition: none;
}

  #primary-header .entry-meta {
  color: #383A3B;
  }

  .single .site-header,
.blog .site-header,
.page:not(.home) .site-header {
background-color: #ffffff;
color: #383A3B;
text-shadow: none;
transition: none;
}


  Thank you,

  Hugh

  The blog I need help with is: (visible only to logged in users)

• 

  tarasdashkevych · Theme Author · April 26, 2021 at 4:22 pm

  • Copy link

  Hi Hugh,

  Please add this custom CSS to make style changes in the ‘Nothing Found’ page:

  
  .search-no-results #primary-header{
    background-color: #ffffff;
    color: #383A3B;
    text-shadow: none;
    transition: none;
  }
  
  .search-no-results .site-header {
    background-color: #ffffff;
    color: #383A3B;
    text-shadow: none;
    transition: none;
  }
  

  Let me know if you have any additional questions.

  Kind regards,
  Taras

• 

  seunghughshin · Member · April 28, 2021 at 9:10 am

  • Copy link

  Thanks Taras!

  Can you please give me the CSS to apply the same changes to the page with a title ‘OOPS! THAT PAGE CAN’T BE FOUND.’?

  Regards,
  Hugh

• 

  tarasdashkevych · Theme Author · April 28, 2021 at 9:36 pm

  • Copy link

  Hugh,

  To make the same changes to the 404 page, please use this custom CSS:

  
  .error404 #primary-header{
    background-color: #ffffff;
    color: #383A3B;
    text-shadow: none;
    transition: none;
  }
  
  .error404 .site-header {
    background-color: #ffffff;
    color: #383A3B;
    text-shadow: none;
    transition: none;
  }
  

  You can also combine both CSS (the ‘Nothing Found’ page and the 404 page):

  
  .search-no-results #primary-header,
  .error404 #primary-header {
    background-color: #ffffff;
    color: #383A3B;
    text-shadow: none;
    transition: none;
  }
  
  .search-no-results .site-header,
  .error404 .site-header {
    background-color: #ffffff;
    color: #383A3B;
    text-shadow: none;
    transition: none;
  }
  

  Let me know if you have any additional questions.

  Kind regards,
  Taras

• 

  seunghughshin · Member · April 29, 2021 at 12:18 am

  • Copy link

  Thank you!

  Always appreciate your support, :)

  Hugh

• 

  tarasdashkevych · Theme Author · April 29, 2021 at 3:26 pm

  • Copy link

  You are very welcome, Hugh! :)

  Kind regards,
  Taras

• The topic ‘Modifying site header & page header for 'Nothing Found' page’ is closed to new replies.