Jump to content

Problems with sizing of cotnent when viewed on certain size screens

Recommended Posts

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

Screenshot 2023-08-30 at 23.16.31.png

IMG_8409.PNG

Screenshot 2023-08-30 at 23.21.20.png

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

#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

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Screenshot 2023-08-30 at 23.21.20.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...

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?

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.