Jump to content

Rex2023

Member
  • Posts

    22
  • Joined

  • Last visited

Everything posted by Rex2023

  1. 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?
  2. 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?
  3. 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?
  4. i have the ability to do custom CSS. I think I subscribe to the higher plan. rexcreative.co.uk
  5. Hello! rexcreative.co.uk The specific page in rexcreative.co.uk/info Thank you!
  6. 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
  7. 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
  8. 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
  9. 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.
  10. Sorry for the long reply, Yeah exactly like that! The formatting i would like to be slightly different, but yeah that sort of thing!
  11. 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.
  12. Hi there, Thank you for getting back to me. So i'm looking on a 27' iMac now and getting the attached. See there is a huge amount of white space. The footer is supposed to be just a thin white bar going across the bottom of the window. Is this perhaps the footer acting strangely?
  13. Hi There, Please could I have help with the code to make a button appear when hovering over the portfolio page projects. It would be great if it could just sit underneath the project title, it can follow the same style as the squarespace design styled buttons. could it say 'See case study." (FYI, doesn't have to be clickable, just as long as you can click through to the linked image it sits on)Than https://www.rexcreative.co.uk/casestudies Thank you! Cheers, Ryan
  14. Hi there! Please help me, I have two problems. I would like the page below to fit to any window size. I have noticed on some larger windows the orange background stops higher up the page. https://www.rexcreative.co.uk/info Is there any code that can help me please? Secondly, it would be really great when on my portfolio pages, that my logo transitions from white to black when we scroll downwards. It would be great if it was a white logo when the page is opened, then once you scroll past the header image it then flicks to the black logo with the white bar sitting behind it. like it currently it is https://www.rexcreative.co.uk/casestudies/a-winters-tale Any help would be greatly appreciated! Thanks, Ryan
  15. Hi there, I wonder if you could help me please! I have a logo on the top right of my info page, I set it up to click through to my home page. I have also added a hover transition so the logo changes to white, but unfortunately this now seems to be blocking the click through URL. I have looked around and I cant seem to work it out! This is the code i currently have: /* Info Logo Hover */ #block-yui_3_17_2_1_1688128547924_16420:hover { content: url("https://static1.squarespace.com/static/649838326bdf2c09135e2800/t/649ef5b9bc96d63d9b239333/1688139194444/rex_White.png"); } Also it seems to change size slightly when hovered over but the actual source file is exactly the same size, i think it has something to do with the grid layout, but is there any code to fix it's size to the original source file Any help will really help! Thanks, Ryan
×
×
  • 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.