Transparent or white header?

  • Author
    Posts
  • #164031

    johnmmckeel
    Member
    Original poster

    Hello,

    I would like to remove the picture option on my headers and reduce the size of the header. I would like the header to either be white or a hazy/translucent style.

    I saw in a previous page you referenced this in the CSS but it just changes the color to black. Any suggestions?

    .page-id-49 .page-header > * {
    display: none;
    }

    Thank you,

    The blog I need help with is: johnmmckeel.wordpress.com

    #164042

    tarasdashkevych
    Theme Author

    Hello,
    Thank you for using the Appetite theme.

    “I would like to remove the picture option on my headers and reduce the size of the header.”
    – We can reduce the page header by reducing padding of the container located in the page header. Here is a custom CSS for it:

    
    .page-header .container {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    

    To remove featured image in the page header, please use this custom CSS:

    
    .page-header .th-featured-image {
      display: none;
    }
    

    “I would like the header to either be white or a hazy/translucent style.”
    – You can use this custom CSS to add a background color to your site header section:

    
    /* add background to site header */
    .site-header {
      background-color: #ffffff;
    }
    

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

The topic ‘Transparent or white header?’ is closed to new replies.