Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

Site URL: https://www.newvisionresearch.org

Hi - I am trying to get a few banner pictures to resize as oppose to being cropped or zoom in the pages with banners.  I am not a coder and my skills are fairly basic when it comes to css.  Can anyone help me with this?  If you go to the other pages under the about index you can see the same issue happening where some of the peoples faces get cut off. 

example attached. 

By the way - my image is 1500 pixels wide and about 500kb following the squarespace best practice for picture uploads

Screen Shot 2020-02-06 at 8.42.00 AM.png

Screen Shot 2020-02-06 at 8.42.17 AM.png

Edited by NewVisionResearch

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

.banner-thumbnail-wrapper img {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
}
.banner-thumbnail-wrapper {
    min-height: 350px !important;
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
29 minutes ago, NewVisionResearch said:

@tuanphan is this what you mean?

 

url is:  www.newvisionresearch.org 

 

I don't see grey image on the above link?


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...