Jump to content

Archive Block filter page design

Go to solution Solved by JennGB,

Recommended Posts

I have a "blog" page on my site that is a Job Posting page. I use an archive block to filter the listings from full-time to part-time. 

My issue is when a visitor chooses one of those, the site brings them to a new page I have no design control over. The images are displaying way too large. Is there a way I can access this filtered page? Is there a setting somewhere where I can change the image settings for that page? Is there a custom code someone knows I could use for this? 

Screen Shot 2023-11-07 at 12.04.30 PM.png

Link to comment

You can consider use Filter Plugin (affiliate link), it will filter posts on current page

With your case, you can add this code to Website > Website Tools (under Not Linked) > Custom CSS to resize image

section.blog-image-wrapper img {
    object-fit: contain !important;
}

image.thumb.png.2a66bae49e1bc00c3025e608579f8ee2.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.