Archived topic
Image sizing - need to match blog archive page to home page sizing
3 replies · Started by Kate on May 20, 2022
Hello
Sorry I keep opening topics. Trying to get the format right on my website now rather than later.
I'd like to resize the images on the blog categories archive pages e.g here https://ethicalescapes.org/category/sustainable-places-to-stay
to match the home page sizing more (here https://ethicalescapes.org/ see the bottom columns of three)
The heading sizing is also too large compared to the home page text.
Could you direct me to where I would get this altered. I have a feeling it might be CSS work, would that be right?!
Thanks
Hi there,
no need for apologies - we're here to help if we can :)
So to match that style we would need to;
1. Make the page container full width.
2. Force the images to fill the post article container width.
3. put back the padding around the image.
To do that:
1. Add this CSS:
.archive .grid-container {
max-width: 100%;
}
.generate-columns .post-image img {
width: 100%;
}2. In Customizer > Layout > Blog --> Featured Images ---> Archives (tab), check the Display Padding around Image.
And optionally increase the Image Attachement size.
Does that work ?
The font size can be adjusted in Customizer > Typography there is a H2 Archive title.
thanks that helped
Glad to hear that!
