Rex2023

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?

Is there anyway you could help me on this please?

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?

Amazing #1 has worked! Thank you! the password is: 123

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?

amazing... thank you!!!

i have the ability to do custom CSS. I think I subscribe to the higher plan. rexcreative.co.uk

Hello! rexcreative.co.uk The specific page in rexcreative.co.uk/info Thank you!

Hi there, I have some custom CSS on my info page, where if you hover over the top right logo it changes to white. However currently it dissapears for a second then flicks to white. Is there anyway I can have this switch to white without any delay? Here is the current code in place /* Info Logo Hover */ #block-yui_3_17_2_1_1688128547924_16420:hover img{ content: url(https://static1.squarespace.com/static/649838326bdf2c09135e2800/t/649ef5b9bc96d63d9b239333/1688139194444/rex_White.png); } Thank you very much! Kind Regards, Ryan

Hi, Is there any way I can get my case study hover images to hover on mobile? I know the functionality can sometimes be difficult, but maybe as the user scrolls, what ever case study tile is in the centre of the screen can automatically flick to the case study hover image I have embedded into the code? here is an example of the code i'm using for them. /* Nows The Time - Hover Image */ a.grid-item[href="/casestudies/nowsthetime"]:hover img { visibility: hidden; } .grid-image-inner-wrapper:after { visibility: hidden; } a.grid-item[href="/casestudies/nowsthetime"]:hover .grid-image-inner-wrapper { background-image: url(https://static1.squarespace.com/static/649838326bdf2c09135e2800/t/64efbe1eac7c471ba5f958fa/1693433379839/LG-Nows-The-Time.gif) !important; background-repeat: no-repeat; background-size: cover; } thanks in advance! Regards, Ryan

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

This has worked perfectly, Thank you!

Sorry about the long reply! It works in some window sizes but not all. So when viewed on a larger window, like a 27' for example this happens.

Sorry for the long reply, Yeah exactly like that! The formatting i would like to be slightly different, but yeah that sort of thing!

Hmmm strange. So I have it set only to 2 rows. please see the setting in the Squarespace design interface attached. I believe it is 7.1.