Change height of featured images on pages in Fortune theme

• 

  dmitroff · Member · Dec 5, 2017 at 2:13 am

  • Copy link
  • Add topic to favorites

  Is it possible to change the height of the featured images on pages in the Fortune theme to be the same height as the featured image on the homepage?

  I am referring to the image that has a transparency overlay and is 100% width, and appears under the primary navigation bar. It is inside these tags:

  Page title appears here

  It appears to be about 123 pixels tall, and I’d like it to be as tall as the hero image on the homepage, which appears to be closer to 508 pixels tall.

  I am NOT referring to the image that appears without an overlay between these tags:
  <div id=”primary” class=”content-area”>

  Can someone share with me the custom CSS to do this?

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

• 

  jennysihua · Member · Dec 5, 2017 at 3:13 am

  • Copy link

  Hi @dmitroff,

  The featured image area of your homepage has 140px of padding on the top and 140px of padding on the bottom.

  Try the below CSS to add the same amount of padding to the featured images on your pages:

  #primary-header {
      padding: 140px 0;
  }

  Since there is only one line of text in the featured images on your pages, they will still be shorter than the image on your front page (which has multiple lines of text/content). You can change the 140px to whatever value you like to accommodate this.

  I’m not able to test this CSS on my own site because your theme is paid, so let me know if it works!

  Jenny

• 

  dmitroff · Member · Dec 5, 2017 at 4:31 am

  • Copy link

  Thank you! That worked!!!

• 

  dmitroff · Member · Dec 5, 2017 at 4:52 am

  • Copy link

  Actually, it is also suppressing the thumbnail feature images that show in grid views on parent pages, and I don’t want to suppress those. Do you know how to make it not suppress those?

• 

  dmitroff · Member · Dec 5, 2017 at 4:57 am

  • Copy link

  Sorry, I think I introduced another error (above), unrelated. Your CSS code did exactly what I wanted it to do! thank you!

• 

  jennysihua · Member · Dec 5, 2017 at 5:00 am

  • Copy link

  Great, glad to know it worked!

  Jenny