Premium Theme Support › Themes Harbor › Appetite

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

  • Author
    Posts

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