Adjusting featured image width

• 

  ssp2018admin · Member · Apr 28, 2017 at 12:06 pm

  • Copy link
  • Add topic to favorites

  I am trying to visually break up the whitespace that appears on my panel pages. I would like to included featured images as the background behind the titles of pages that are not top-level pages, but not behind other entry content. However, I would like these featured images to appear only as wide as the entry content, not the full width of the page.

  For example, I would like the image behind the title “Committee” to be scaled to be only as wide as the text box that contains the names of the committee members on this page: https://ssp2018.org/about/#post-506

  Any suggestions?

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

• 

  thesacredpath · Member · Apr 28, 2017 at 7:15 pm

  • Copy link

  Hi, this is going to be a manual type of thing in that you will have to create CSS rules for each article/child page using the article post CSS id since there isn’t any broader CSS selector we can use. You can use the following as a guide, which does your Committee page on About.

  .page-id-2 #post-506 {
  	max-width: 56.25rem;
  	width: 100%;
  	margin-left: auto;
  	margin-right: auto;
  }

• 

  ssp2018admin · Member · May 1, 2017 at 3:46 pm

  • Copy link

  That’s wonderful. Thank you! I’m perfectly happy to add that manually where needed.

• 

  thesacredpath · Member · May 3, 2017 at 2:41 am

  • Copy link

  Hooray and you are welcome!