Hide header background on specific page

  • Author
    Posts
  • #163068

    Dear all

    Target: Just to show the title on the top of a specific page without a picture.

    I hid the picture in the header on a specific page. If I do that, it shows me still a grey background in the header. I would like to remove the grey background so there just remains the title of the site.

    Thanks in advance.

    Kind regards
    Emanuel

    The blog I need help with is schwarzcommunication.ch.

    #163072

    tarasdashkevych
    Theme Author

    Hello Emanuel,

    “I would like to remove the grey background so there just remains the title of the site.”
    – Please try this custom CSS as a temporary solution to hide background in the page header in singular views:

    
    .singular-page-header:not(.has-background-cover) {
      background: none;
      margin-bottom: 0;
      height: auto;
    }
    
    .singular-page-header:not(.has-background-cover) .container {
      padding-bottom: 2rem;
    }
    
    @media (min-width: 768px) {
      .singular-page-header:not(.has-background-cover) {
        height: 15em;
      }
    }
    

    We have plans to include a page template which displays the page header without a background in the upcoming theme updates.

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

The topic ‘Hide header background on specific page’ is closed to new replies.