Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

AmalieCharlesworth

Member
  • Content Count

    12
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Site URL: https://dandelion-point-jf6c.squarespace.com/config/ Hi, I am working on the below website. We would like the navigation to stack vertically in the right hand corner so it looks like this. Password: Amalie
  2. Site URL: https://radish-crimson-9x48.squarespace.com/ Hi, password to view: Amalie I was nearly finished with my site but now random gaps keep appearing in between my photos on the gallery section. The section is called 'People' there are two white squares which should not be there. Here is the code i'm using is css: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.5); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align
  3. Hi, Im so sorry I've encountered one more problem. Its on the same site. There are now two gaps in the 'People' section. I cant get rid of them. There are 8 pictures; the code for each picture is: <a href="https://www.instagram.com/kaeshibata_/">Kae Shibata</a> <a href="https://www.instagram.com/svenhansonchef/ ">Sven Hanson-Britt</a> <a href="https://www.instagram.com/chefphillips/?hl=en ">Tom Phillips</a> <a href="https://www.instagram.com/guy_owen/ ">Guy Owen</a> <a href="https://www.instagram.com/y
  4. Thank you so much for responding! I have used the same code for all code blocks. I have used different images for each and different clickthrough links. I will also be adding more images to keep building the grid. Please let me know if you need access to the site. 1. <a href="https://www.instagram.com/bonnefranquetteuk/?hl=en"> <div class="image-swap"> <img src="https://static1.squarespace.com/static/5f8ef7d38134bd56ce4700a9/t/602d31c506ab4301905d69c7/1613574598705/the+purefoy+.jpg"> <img src=" https://static1.squarespace.com/sta
  5. i'm using this in my custom css .image-swap img:nth-child(1) { position: absolute; transition: 1s; } .image-swap img:nth-child(1):hover { opacity: 0; } then this in my code blocks: <a href="https://www.instagram.com/bonnefranquetteuk/?hl=en"> <div class="image-swap"> <img src="https://static1.squarespace.com/static/5f8ef7d38134bd56ce4700a9/t/602d31c506ab4301905d69c7/1613574598705/the+purefoy+.jpg"> <img src=" https://static1.squarespace.com/static/5f8ef7d38134bd56ce4700a9/t/602d31cd5f9f9002e0ca9898/1613574605876/The+Purefoy+Arms
  6. Hi, I'm still having the same issue if anyone can help! <center></center> doesnt work for me craveandco.com password: Amalie
  7. Hi, Thank you I actually managed to work around that problem! I have another question do you know how to reduce the borders of coded images? Not so the border is completely gone just reducing the borders. https://radish-crimson-9x48.squarespace.com/ password: Amalie
  8. Hi does anyone know how to do this exact feature without removing the border completely? I just want to reduce the size of the border by half! thank you!! Amalie
  9. Site URL: https://radish-crimson-9x48.squarespace.com/ I have reduced the padding on the images on my site with the code .sqs-block.image-block { padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; } This has created the look i wanted. BUT then i also wanted my images to be clickable, taking the viewer to another page (just like portfolio mode). This doesn't work anymore. Can anyone help me with this?
×
×
  • Create New...