Rex2023
Member-
Posts
22 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Rex2023
-
Problems with sizing of cotnent when viewed on certain size screens
Rex2023 replied to Rex2023's topic in Customize with code
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? -
Problems with sizing of cotnent when viewed on certain size screens
Rex2023 replied to Rex2023's topic in Customize with code
Is there anyway you could help me on this please? -
Problems with sizing of cotnent when viewed on certain size screens
Rex2023 replied to Rex2023's topic in Customize with code
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? -
Problems with sizing of cotnent when viewed on certain size screens
Rex2023 replied to Rex2023's topic in Customize with code
Amazing #1 has worked! Thank you! the password is: 123 -
Problems with sizing of cotnent when viewed on certain size screens
Rex2023 replied to Rex2023's topic in Customize with code
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? -
Have case study hover images hover automatically on mobile
Rex2023 replied to Rex2023's topic in Customize with code
i have the ability to do custom CSS. I think I subscribe to the higher plan. rexcreative.co.uk -
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
-
Button to appear when mouse hovers over it.
Rex2023 replied to Rex2023's topic in Customize with code
This has worked perfectly, Thank you! -
Button to appear when mouse hovers over it.
Rex2023 replied to Rex2023's topic in Customize with code
Sorry for the long reply, Yeah exactly like that! The formatting i would like to be slightly different, but yeah that sort of thing! -
Button to appear when mouse hovers over it.
Rex2023 replied to Rex2023's topic in Customize with code
i'm so sorry! It is: 123 -
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
-
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
-
Thats worked! Thank you.
-
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