Problems with sizing of cotnent when viewed on certain size screens

Hi there,

I wonder if you could help me...

Basically i'm having issues with a couple of sizing problems.

Firstly, my info page of my site - rexcreative.co.uk/info.
Please see the first two screenshots attached. As you can see for some reason on certain sized browsers the orange background is not filling the entire page. It seems to be an issue with the footer that i cant figure it out! basically i want a small footer at the bottom with equal spacing on the top, as there currently is at the bottom below the info.

Secondly, case studies when being viewed on a large screen.
Is there anyway i can set the full bleed images to only be full bleed up to a certain width of the browser screen?
At the moment my images that are full bleed go wider but stay at a fixed height which means I get a lot of cropped imagery that shouldn't be cropped. Please see screenshot

Any help would be greatly appreciated!

Thanks,

Ryan

I think all i need is for images not exceed a certain width when a browser gets stretched in size?
Can anyone help me with this?

#1. You can use this to Website > Website Tools > Custom CSS

body {
	background-color: #ff3123;
}

#2. What is password on casestudies page

https://www.rexcreative.co.uk/casestudies

Amazing #1 has worked! Thank you!

the password is: 123

On 9/12/2023 at 7:24 PM, Rex2023 said:

Amazing #1 has worked! Thank you!

the password is: 123

Thank you. Where is this page? I don't see url in address bar

so the problem happens on all case study pages... but that specific one is https://www.rexcreative.co.uk/casestudies/mastertheball

it would be great if the full bleed images did not exceed a certain width when a browser gets stretched in size, so the image does not auto crop the height?

Is there anyway you could help me on this please?

Sorry, I didn't see the comment. You mean this image?

https://www.rexcreative.co.uk/casestudies/mastertheball

hi, no worries,

Yes this image... but also for every full bleed image on the whole site.

Is there some code that can set a website rule around fixing that images to not crop when expanded,
or fix a minimum height so the images don't crop automatically?