Jump to content

EmilyLewis

Circle Member
  • Posts

    36
  • Joined

  • Last visited

1 Follower

Personal Information

Recent Profile Visitors

912 profile views
  1. This is something I am trying to achieve but the code doesn't work. I've added a Simple List section, is this right? The section I'm referring to has 3 vertical images. I'd like to show the title on top of the image, then when you hover over the image more text slides up. Website: https://henoya.squarespace.com/ PW: henoya Any help would be amazing! @tuanphan
  2. That's great thank you! I've tweaked the code to include background no repeat , so the full code is body[class*="type-events"].view-item .header-title { background-image:url("https://static1.squarespace.com/static/671fa60d0892fd2e6f53fe81/t/67329c73e62cbb4d5bb01613/1731370099107/Logo+Gold.png"); background-size: contain; background-repeat: no-repeat; } body[class*="type-events"].view-item .header-title img{ opacity: 0; }
  3. Hey all, I'm looking for some code to change logo on the Events page only and not the main collection of Events page. The logo I would like to change it to is https://static1.squarespace.com/static/671fa60d0892fd2e6f53fe81/t/67329c73e62cbb4d5bb01613/1731370099107/Logo+Gold.png Password: barry Website: https://barrywaterfrontresidents.squarespace.com/ Many thanks in advance!
  4. Managed to do it with code without buying the plugin @media screen and (min-width:992px) { .header-title { position: fixed; top: 3vw; left: 5vw; z-index: 9999; } .header-nav { position: fixed; top: 70%; left: 6%; padding: 0 !important; transform: translateY(-50%); } .header-nav-wrapper { text-align:left; } nav { flex-direction: column; } div.header-nav-item { margin: 0 !important; text-align: left !important; line-height: 1.1; } div.header-nav-item a{ display: inline-block; } .header-actions.header-actions--right { position: fixed; left: 4vw; bottom: 2vw; justify-content: flex-start !important; } .header-actions--right .header-actions-action a { margin-left: 0 !important; margin-right: 2.5vw; } #page article section.page-section { max-width: 75%; margin-left: 25%; padding-top: 0 !important; } }
  5. That looks like a great plugin, thank you! GhostPlugins support team don't deal with customisations. Would you have any idea on how I would stack it if I did buy the plugin?
  6. Hey all, My client would like her menu to be situated the bottom left of the screen and numbered. Here's a picture of the mockup. Please can someone help me with creating code for this? Or if its possible? Thanks in advance! Emily
  7. Done, and bought you a coffee too 😀
  8. It's working!! Yipee! Thank you so much for taking the time doing this. I really appreciate it!
  9. Yes and no 😂 It's made it 2x2, but for all widths screens
  10. all the code of my sites is working fine now, but it's like it's taking a while sometimes. Bit strange that's all. I have no idea why this isn't working. I've made a video to show you from my end https://www.loom.com/share/000a9dcb3197422cb43e0712b8e52593?sid=bd0600f1-3988-415e-b78c-b9b46f87ab4d
  11. Interesting! Yep the code is on the site. I feel like I'm having tonnes of issues with code lately on my sites not loading properly.
  12. It's doing the 2x2 section but I'd like it to break at a smaller width than it currently is. This is what it's currently like. When I make the screen smaller then it breaks. I've played around with the max and min width adjustment but can't work it out
  13. hey @Ziggy it's come up with an error on line 58
  14. Hey, I'm using a Simple List section. It's 4 items across, but when it goes to tablet device or in the Squarespace viewer, it makes the 4th item drop below. I'd rather items 3 and 4 drop below so that it looks even. Can someone help provide code to fix please? The items are stacked on mobile which is fine for mobile, so no need to worry about mobile. website: https://melaniemademud.squarespace.com/ password: CLAY
×
×
  • 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.