Trouble stopping image in code block from resizing...

Site URL: https://www.DelawareRising.club/robbie-comstock

Hi!

I'm trying to get this image that I have linked within a code block to stop resizing... I've tried using padding, maybe I'm not including a certain code that's preventing any padding. But not sure how I can get this image to stay still when resizing.

I've also tried doing a min-width max-width, which didn't seem to do anything either...

Please let me know of any ideas, thanks!

Hi, the page you linked doesn't exist. What are you trying to achieve with adding an image via a code block? What code are you using?

18 hours ago, Ziggy said:

Hi, the page you linked doesn't exist. What are you trying to achieve with adding an image via a code block? What code are you using?

The reason is I'm using the same layout for over 30+ pages, which just has a replaced image and also replaced text on the page. This is the code I've been using. I played around changing values for the padding and using min-width/max-width also, but that didn't affect the image resizing... Not sure if the absolute position is affecting it. I'm a bit new to the coding scene.

.player-pic {
  position: absolute !important;
  padding-top:0 !important;
  padding-bottom: 0 !important;
  margin: -850px 0px 0px 0px !important;
  z-index: 2;
    width: 100% !important;
    height: auto !important;
}

My bad, here's the proper link!
https://delawarerising.club/rob-comstock

Wow that's quite a setup you've got, it looks complicated and I can see that it's not working how you want in many different screen sizes. The layering you're trying to do is so much easier in the latest version of Squarespace 7.1 with Fluid Engine, but I realize that doesn't exactly help you here. I honestly don't know what to suggest as an easy fix, the huge negative margin is a scary place to start! My best suggestion is that you need a ground up redesign, if you can create a few wireframes/mockups of how you want it to look and then provide that to Squarespace designer to setup a first page for you that you can easily replicate as needed.

On 10/11/2022 at 3:53 AM, Ziggy said:

Wow that's quite a setup you've got, it looks complicated and I can see that it's not working how you want in many different screen sizes. The layering you're trying to do is so much easier in the latest version of Squarespace 7.1 with Fluid Engine, but I realize that doesn't exactly help you here. I honestly don't know what to suggest as an easy fix, the huge negative margin is a scary place to start! My best suggestion is that you need a ground up redesign, if you can create a few wireframes/mockups of how you want it to look and then provide that to Squarespace designer to setup a first page for you that you can easily replicate as needed.

Alright, thanks for taking a look! Everything is working fine for the most part, I just need the image to stop resizing. And I like the flexibility of being able to manage it myself, so I guess I'll hit the books a bit harder.

Fair enough, I'm not sure how to help you more, but I do see some pretty problematic errors on mobile: