hemingway theme-change height of banner immage

• 

  gigi32016 · Member · May 30, 2016 at 3:32 am

  • Copy link
  • Add topic to favorites

  Thank you for your help with my questions so far. I have another. I would like to change the height of the banner image and have not been successful in doing so. Your assistance will be greatly appreciated. I would like to create a textured background of one color and have the site title across it. Thank you, again.

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

• 

  nizamilputra · Member · May 30, 2016 at 4:58 am

  • Copy link

  Hi there,

  You want to reduce the height of the banner image, don’t you? If so, try to use this css;

  @media screen and (min-width: 790px){
    .site-header-image {
        height: 200px !important;
        padding-top: 40px;
        min-height: 0;
    }
  }

  Anyway, css above is based on your css. I added min-height: 0 because in original theme css has min-height: 426px.

• 

  gigi32016 · Member · May 30, 2016 at 5:07 am

  • Copy link

  Thank you, I am trying to extend the width of the background to the width of the window and have not been successful. Also, remove the padding between the background color and the top of the primary menu ribbon. It will need to be scalable for mobile devices as well. Your assistance is greatly appreciated. Is there a way to add texture?

• 

  nizamilputra · Member · May 30, 2016 at 8:14 am

  • Copy link

  I’m sorry, i’m not sure about add texture that you want. Can you give me example on the web?

• 

  gigi32016 · Member · May 30, 2016 at 11:46 pm

  • Copy link

  Instead of discussing texture. I would like to ask about the space between the title and tagline. I would like to change it and cannot seem to find my answer. Thank you for your assistance.

• 

  nizamilputra · Member · May 31, 2016 at 1:03 am

  • Copy link

  You can remove a line above site description by adding this css;

  .site-description:before{
    display: none;
  }

  If you still need reduce or add the space you can change the margin-top/margin-bottom of .site-description;

  .site-description{
    margin-top: 10px;
    margin-bottom: 10px;
  }

  Please let me know if you need another help.

• 

  siobhyb · Member · May 31, 2016 at 3:54 pm

  • Copy link

  Thank you so much for your help, @nizamilputra. :)

• 

  nizamilputra · Member · Jun 1, 2016 at 1:24 am

  • Copy link

  You are very welcome, @siobhyb! I love helping people here, especially for CSS customization :)

• 

  gigi32016 · Member · Jun 1, 2016 at 2:03 pm

  • Copy link

  Thank you @nizamilputra!