Changing the layout of blog excerpts in the Five template

Site URL: http://almostallison.com

Hi! I was wondering if anyone could help me figure something out. I'm currently using the Five template for my blog. As it stands now, the blog excerpts are laid out with an image on the left and then the text. (I attached a screenshot for reference)

I was wondering if there's any way to change this so it shows a larger thumbnail/preview image with text underneath it? Unless I'm missing something, I don't think this template offers a way to do it without adding css, which I'm fine with, just not sure the correct stylization. TIA!

On 7/31/2021 at 3:16 AM, almostallison said:

Site URL: http://almostallison.com

Hi! I was wondering if anyone could help me figure something out. I'm currently using the Five template for my blog. As it stands now, the blog excerpts are laid out with an image on the left and then the text. (I attached a screenshot for reference)

 

I was wondering if there's any way to change this so it shows a larger thumbnail/preview image with text underneath it? Unless I'm missing something, I don't think this template offers a way to do it without adding css, which I'm fine with, just not sure the correct stylization. TIA!

try

.view-list article .excerpt-thumb {
  float: none;
  width: 100%;
}
.view-list article .excerpt-thumb .intrinsic .excerpt-image img {
      width: auto !important;
      height: 100% !important;
      transform: translate(-50%, -50%) !important;
      top: 50% !important;
      left: 50% !important;
}
.view-list article .excerpt-thumb .intrinsic {
  padding-bottom: 66.66%;
}

@bangank36, That worked perfectly!!! Thank you! 😄