Change feature image size

• 

  genehartdimensions · Member · Sep 6, 2019 at 6:35 pm

  • Copy link
  • Add topic to favorites

  How do I change the image size of this theme:

  https://wordpress.com/theme/publication

  I don’t want it fullscreen, I just want to bring up the image a bit.

  Thanks in advance!

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

• 

  genehartdimensions · Member · Sep 6, 2019 at 6:57 pm

  • Copy link

  Also, why are images appearing above articles when it should be to the right, like in the theme’s demo?

• 

  musicdoc1 · Member · Sep 7, 2019 at 12:24 am

  • Copy link

  Hi,

  Also, why are images appearing above articles when it should be to the right, like in the theme’s demo?

  The Publication demo displays the default blog page as the homepage, whereas your homepage is evidently a static page with, I would guess, a block inserted that’s causing the lone post to display. To get yours to look like the demo would require switching to the latest posts option at Customize > Homepage Settings > Your homepage displays.

  Changing the featured image size
  Without CSS customization featured images will display at the size determined by the theme’s design. If you’d like to know if a featured images display dimensions can be modified with CSS, then I’d recommend adding a “modlook” tag to the sidebar of this topic. That will call for staff attention, and staff will respond here.

• 

  musicdoc1 · Member · Sep 7, 2019 at 12:27 am

  • Copy link

  Correction:

  Change “featured images display dimensions” to “featured image’s displayed dimensions.”

• 

  musicdoc1 · Member · Sep 7, 2019 at 4:09 am

  • Copy link

  your homepage is evidently a static page with, I would guess, a block inserted that’s causing the lone post to display.

  Or perhaps it’s a static page with the blog template assigned. Is that correct?

• 

  staff-doublebassd · Staff · Sep 8, 2019 at 9:24 pm

  • Copy link

  Hi there,

  Yes, you can change the display dimensions of the featured image via CSS by playing around with the width

  @media screen and (min-width: 1272px)
  .hero {
  width: 100vw;
  
  }