Jump to content

timjphoto

Member
 View Profile  See their activity

  • Posts

    56

  • Joined

  • Last visited

 Content Type 

Everything posted by timjphoto

  1. timjphoto
    Hi there, I was following this as I was trying to do the same thing and I found this code worked for me: //background colour change// body {background: white; transition: background 0.5s ease;} body:has(#//your block id here!//:hover) {background: #99ccff} Hope this helps!
  2. timjphoto
    I think I've solved it by adding this code font-size: calc(3vw + 3vh); It seems to be working well!
  3. timjphoto
    I've just added back in but I'm excluding it from media screen max width 1000px as that's when the overlapping issue occurs. I would still love the text to be larger and to resize automatically as it would definitely look better but it's working really well so far. Thanks for the help!
  4. timjphoto
    Hi @Beyondspace, thanks so much for your reply! That code works amazingly and does what I was after, however I've run in to a couple of problems, firstly when the screen size is reduced the text overlaps and becomes jumbled, is there a way allow the text to resize automatically to fit the screen-size? The second is I'd love the text to be larger, but when you take it over around 65px the same issue happens with the jumbling of the text. I've attached an image so you can see what I mean. Thanks so much again for your help, very much appricaited.
  5. timjphoto
    Hi there, I'm looking for way to add text when I hover over images on my site. I've found a way to add the text over the individual blocks, but I'm looking for a way to have the text appear large and in the centre of the screen (please see attached image to demonstrate what I mean) Any help would be much appreciated! Thanks! http://www.timjobling.co.uk
  6. timjphoto
    For anyone who is interested I solved this using the following CSS: //background colour body {background: white; transition: background 0.5s ease;} body:has(#block-yui_3_17_2_1_1647613312964_40288:hover) {background: #99ccff} I had to change the block id and background colour individually which took a while, and I'm sure there is probably a simpler way but this worked for me, hope it helps someone!
  7. timjphoto
    Hi there, I'm looking for a way to change the background colours of my homepage when hovering over specific image blocks - this is a good example of the effect I'm after - https://www.willdouglas.co.uk/ I've found similar discussions on the forum but nothing has quite solved this for me, if anyone knows of any code to achieve this that would be amazing! Thanks in advance, Tim.
  8. timjphoto
    Hi, Thanks for your reply. I've made a gif to try and illustrate what I mean. If you can imagine each time you hover over the header link it changes colour rather than just being one colour. I hope this helps! Thanks.
  9. timjphoto
    Hi, I was wondering if anyone might be able to help me with some code. I've recently added some key colours to my site for various pages, and I would love my header links to change to these colours on hover. Is it possible to use code so that a link can change to multiple colours on hover, so it would work in a cylce, each time it is hovered over it would be one of 5 colours instead of just one colour? and would it be possible to only implement this code on a single page? Any help you be much appreciated. Many thanks, Tim.
  10. timjphoto
    It also might be worth me mentioning that when the device is rotated some, but not all, of the images become sharp again!
  11. timjphoto
    Hi Zygmunt, Thanks for your reply. It's happening with my live site, i've had a look on a few different phones and all have the same issue. The images are within the sqaurespace recommended image size. It's also only a problem that has started occurring recently and is only effecting certain images, and it is always the same images that are blurry. They are all images that have been on the site for a while, whereas there is no problem with more recently uploaded images. I have not made any changes to my CSS for some time so it's not a direct result of a change I've made. Thanks again, Tim.
  12. timjphoto
    Hi, I'm having some issues on my mobile site. Some images on my homepage have become blurry, they were not like this when uploaded and images that have been more recently uploaded appear fine. All images look fine on the desktop site, it's only on the mobile site. I have deleted and re-uploaded the files but I'm still having the same problem. I am using custom CSS on the site but I'm not sure why this would have started effecting images now, and only be effecting certain images. Any help and advise on this would be greatly appreciated. Thanks, Tim. www.timjobling.co.uk
  13. timjphoto
    Amazing, thanks very much for your help.
  14. timjphoto
    Hi there, thanks very much for your reply. I've popped your code in and it has centred the images nicely and the footer is back where it should be, Will it keep the content centred on larger screen sizes? Many thanks again, Tim.
  15. timjphoto
    Site URL: http://www.timjobling.co.uk Hi there, I'm currently using some custom CSS to centre align the main canvas on certain pages of my site, the code is as follows: //Centre Canvas all pages #canvas { display: flex; justify-content: center; align-items: center; } This works great, however it is also moving my footer across from the left hand of the screen, I was wondering if there was a way of excluding the footer so it remains justified to the far left hand side of the screen as I feel this gives the site a more whole screen feel. For an example of what I mean the footer is correct on my homepage here: https://www.timjobling.co.uk/ But is more central on the project pages: https://www.timjobling.co.uk/alex-may-hughes As always any help with this would be great! Thanks, Tim.
  16. timjphoto
    @creedon Thanks very much for your reply, very much appreciated, I'll take a look.
  17. timjphoto
    @creedon I’ve just found a little tweak I was wondering if you might be able to help with. I’ve noticed that when I clicI on any of the blog sections the nag goes back to highlighting ‘projects’ in the navigation, is it simple to have them highlight ‘news’ for the blog posts instead? Many thanks again for your help, Tim.
  18. timjphoto
    @creedon That works perfectly, thank you very much!
  19. timjphoto
    @paul2009 Thanks very much for your reply. The code works well, however I think I would prefer the click outside image option. My site seems to do a strange thing where clicking on the x to close images brings up a cursor on my navigation. I also don't mind losing the function to move back and forward between images. Many thanks, Tim.
  20. timjphoto
    @tuanphan I am on a business account so if there is some JavaScript code that would be amazing. Many thanks, Tim.
  21. timjphoto
    @tuanphan I'v got the code working, I still had my pervious code in there which was preventing yours from working. Many thanks again for all your help.
  22. timjphoto
    @tuanphan I've added the code again, it doesn't seem to be working, the social icons are still going grey before green. I'll leave the code in this time. Many thanks, Tim.
  23. timjphoto
    @creedon Apologies I see what you're saying now, I think telling the code which pages are not projects would be better as there are far fewer of them. I'll take a look at the URL redirects. Thanks.
  24. timjphoto
    @creedon Thanks very much for the reply. I think the second option you mentioned might suit me better, I would be wary of making any changes that may affect search rankings, and I'm more than happy to update the code when making new pages as I don't add galleries that often. Thank you, Tim.
  25. timjphoto
    @creedon I hope you don't mind me resurrecting this thread but I'm trying to do exactly the same thing on my site, I would love to keep the 'PROJECTS' navigation heading highlighted when in any of the unlinked project gallery pages. I'm on version 7.0 so I don't think this code will work for me? Any help would be greatly appreciated. www.timjobling.co.uk
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources