Jump to content

Recommended Posts

Hello. The image that I want to upload to the website becomes too big in my home page, it's as if squarespace wants to zoom in. I don't know how to fix this with CSS because the pixel size of the image shows a different picture for each device. Is there a way to fix this with code to make sure the image is the same on all devices? 

Link to comment
  • Replies 7
  • Views 414
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

23 hours ago, Russell-Jeffrey said:

Hello. The image that I want to upload to the website becomes too big in my home page, it's as if squarespace wants to zoom in. I don't know how to fix this with CSS because the pixel size of the image shows a different picture for each device. Is there a way to fix this with code to make sure the image is the same on all devices? 

Can you help me please? I am new to squarespace @tuanphan

Edited by Russell-Jeffrey
Link to comment

Can you share your site with protected password and some screenshot of your issue?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 hour ago, Russell-Jeffrey said:

Yes ofcourse. This is the URL and it is open access to all: maracas-saffron-kbsj.squarespace.com. And I have attached a picture of the home page wallpaper as well. I want the image height to be bigger without touching the width. 

Capture1.PNG

Try

section[data-section-id="61b36fe387181841e926e81c"]  .slide-media-container img {
  transform: scale(1.5, 1.5);
}

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

My testing

image.thumb.png.25b41af824cfe2b8eddafc99b11612f6.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
15 minutes ago, Russell-Jeffrey said:

That is my result too. Is there any way we can make height bigger (or even zoom out) without losing some faces of the wallpaper?

I have attached in here the final design. This is how it is supposed to look like. And I haven't been able to produce a code for this section.

SmartSelect_20220327-150330_Brave.jpg

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.