Help with Edin Theme

• 

  katharinaruess82 · Member · Mar 2, 2019 at 6:58 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am beginner for web designing. I was trying out a few things with Edin theme. I want to reduce the height of without-featured-image above the featured-page-area. Can anyone help me with this please?

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

• 

  staff-zinnia · Staff · Mar 2, 2019 at 11:01 pm

  • Copy link

  Hi –

  Adding the following CSS to your Customizer will eliminate that extra green spacing.

  .hero.without-featured-image {
  display: none;
  }

• 

  katharinaruess82 · Member · Mar 3, 2019 at 12:37 pm

  • Copy link

  Hi,

  Thanks for the reply. But I want to reduce the height (have a thick green line) and not completely remove it.

• 

  fstat · Staff · Mar 4, 2019 at 8:45 am

  • Copy link

  Hi there,

  To reduce its heigh, try this CSS code:

  .hero.without-featured-image {
  padding: 120px;
  }

  Reduce the padding to your liking.

• 

  katharinaruess82 · Member · Mar 4, 2019 at 8:16 pm

  • Copy link

  Hi,

  I tried it, but does not reduce the height. I even tried –

  .hero.without-featured-image {
  padding: 0px;
  }

  It did not make any significant difference.

• 

  supernovia · Staff · Mar 5, 2019 at 12:11 am

  • Copy link

  Try this instead:

  .hero.without-featured-image {
  	display: none;
  }
  
  #masthead {
  	border-bottom-width: 2em;
  	border-bottom-color: #ff00d6;
  	border-bottom-style: solid;
  }

  That way the thick line is a part of the masthead. You can specify the color, width, and style as you’d like.

• 

  katharinaruess82 · Member · Mar 5, 2019 at 8:46 pm

  • Copy link

  Thanks a lot. That was helpful

• 

  supernovia · Staff · Mar 6, 2019 at 1:39 am

  • Copy link

  Glad you’ve got it. Cheers :)