Jump to content

Image sizing through out my website & responsive design

Recommended Posts

Site URL: http://www.james-starkey.com

Hi, 

I'm really in need of some help with gallery block sizing and also in need of help with responsive design for desktop, Macbook pro and Iphone/tablet. 


I'm going through all of my projects on my site and changing the layout to a slideshow gallery block instead of an image scroll, which you will see if you take a look at projects further down my site.

Im happy with the sizing of the gallery blocks in these projects. (See examples below) 

700398186_Screenshot2021-09-29at12_01_08.thumb.png.793eb4d2ddf0bc6e888c6875e7934142.png1742803550_Screenshot2021-09-29at12_01_26.thumb.png.97ef6319a78e354bbba2ceb3d8ce3baf.png

628329699_Screenshot2021-09-29at12_03_32.thumb.png.4ec7f69cab0ce42c8239fc8be75f5860.png2056280338_Screenshot2021-09-29at12_03_59.thumb.png.c77f3fa221c399cc2307c420788882ad.png

I've uploaded this project, (see example below) The sizing of the gallery block is way off and I can't for the life of me figure out how get the gallery block the same and the examples above. 

487096351_Screenshot2021-09-29at12_02_13.thumb.png.978edaad0beb2c1f8b08396608283587.png1121230183_Screenshot2021-09-29at12_01_42.thumb.png.b78fa509065e77966cd056e9ddd8d4d5.png

And also how do I get my site to be responsive to all screens, Is there anyway to get my site to view the same on I mac/macbook/pro and Iphone etc.

Is there anyone that could shine some knowledge on this problems i'm having? 

Thankyou!

Best,

James

Link to comment
  • Replies 3
  • Views 696
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Thank you for the response !! 

The problem I'm having is that the image sizing of my gallery slideshows is displaying differently on different project pages.

Please see these links to my website - these links show how i want my image sizing to display for all of my slideshows with in my projects. You can see the whole image.

https://james-starkey.com/#/the-boneyard-skatepark-/

https://james-starkey.com/#/the-lathums-x-adidas-originals/

https://james-starkey.com/#/220-kid-tessutti/

Please see these links below to my website - this is the problem i'm having, the image sizing is showing up different to the project links above. They are showing up larger and is being cropped off. I don't know if this because all the images in these projects are portrait orientation but i really cant get my head around how to change it.  

https://james-starkey.com/#/football-beyond-boarders/

https://james-starkey.com/#/isla/

https://james-starkey.com/#/genegallaghertessuti/

Hopefully this makes it more clear to understand. 

Thanks again.

Best,

James

 

Edited by Starkey_j
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.