EmilyLewis
-
Posts
36 -
Joined
-
Last visited
1 Follower
Recent Profile Visitors
912 profile views
.thumb.png.08e9fe8933e43722ee546ff0b0fe6e35.png)
EmilyLewis's Achievements
-
How to add slide up text hover effect with code?
EmilyLewis replied to Miicherey's topic in Customize with code
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 -
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; }
-
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!
-
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; } }
-
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?
-
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
-
Done, and bought you a coffee too 😀
-
EmilyLewis reacted to a post in a topic:
Simple List section - make items 3 and 4 drop below so it's even on tablet
-
It's working!! Yipee! Thank you so much for taking the time doing this. I really appreciate it!
-
Yes and no 😂 It's made it 2x2, but for all widths screens
-
Ziggy reacted to a post in a topic:
Simple List section - make items 3 and 4 drop below so it's even on tablet
-
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
-
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.
-
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
-
hey @Ziggy it's come up with an error on line 58
-
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
