kimmydesign

Also can I made it fade in instead of just pop up? It's really jarring right now.

Now it's pinned to the bottom. How do I make it centered?

Hi there, I would like to have the pop up appear centered on mobile with image. Here is the link. The code you posted before had it full width and positioned at the top of the page. https://www.laserenavillas.com/

Hi there, I would like to add a button to only the mobile site that says BOOK on the right side of the logo, opposite the burger menu.

Hi there. I have a delay on my navigation bar but when it slides down it moves everything within that first section down. How do I keep it from doing this? thank you!

It didn't work but I ended up doing something completely different anyway.

This is how it looks when I share the link of my website (first image). I would like it to look like the second image. How do I do that?

thank you! do you know how to make the side margins of the carousel larger? There is more of a gap in between the items than on the side (on your example and on my website) and it looks weird. Also, the images on mobile are way to big They should have more padding around them.

Hi there, Can some one provide me with code to make my images in my Simple List carousel an archway shape. Thank you!

Hi there, How do I add padding / increase margins to the outside of my carousel, so in between the edge of the website and the carousel card? thank you!

Figured it out using this code: li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; }

This is how the report says it's failing

Actually I do need help. So I can't just have no text as the button because it fails the WAVE accessibilities compliance. I need code that hides the button link. Right now when I turn the button off it takes me to an undefined page. Help please!

Ideally I want all my slideshow reels to show up as 1x1 on mobile but I can't seem to do that, so I tried just making the height of the slideshow taller which worked on the desktop but the mobile is staying the same. Also the height is different on the mobile viewer on Squarespace than it is in real life on my phone. Help please!

Ah, I figured it out. You don't hide the link but erase everything in the link title section.

hi @Ziggy so it's not working. I have set the link to the button and then hide the button. The button link works fine, but when I hide it the link doesn't work. it's sending me to an undefined page. It sends me to an error page. Here is the page: https://del-marcos-hotel.squarespace.com/

YES!!! Thank you!!

Is there a way to make each card a button and not have the button at the bottom?

Hi there! I'm trying to add a while border to all images in a specific section. I'm using this code for each blockID #block-0c00759fd0846c881ded { border: 8px solid white; padding: -8px; } The issue is that it's making the image not fit inside the wrapper anymore, which isn't that big of a deal on desktop but on web it means everything is slightly off. See image below. So two questions: 1. How do I set the stroke to align to the inside of the image wrapper so the image stays within the box I've made for it. 2. How do I add it to all images in a section without having to call out each blockID individually

I'm trying to add custom code to specific buttons that removed the background color and instead adds an underline on hover. I've got that figured out but I want the underline to only be present over the text and not the full size of the button. I also tried just making a text block with a hyperlink that had the animation show up on hover but it seems to be adding two lines, one very thin and one thicker right below it. Here is the code I have for the specific blocks: #block-yui_3_17_2_1_1691079017351_15719 .sqs-block-button-element:hover { background-color: transparent !important; color: black; border-bottom: .5px solid currentColor; }

In the Design Tab of the Edit Image Block panel I don't have an Advanced option. Is this a feature in a higher service plan? I'm currently in the business plan.

Thank you so much for your help. Where are the image block settings? I don't have a Design tab, I only have Custom CSS at the bottom of the Pages tab.

Hi there, I'm looking for some help to have a specific image scroll from left to right as it appears in the viewport. This is for Squarespace 7.1 Fluid Engine where image animations are not part of the design process, so I'll need to add a code injection and Custom CSS I think. The website isn't live yet so I can't offer a link.

Interestingly, it works fine on Safari but I can't get it to show up on Chrome. It's fine though, the image effects are all pretty terrible anyway. I was hoping for animation effects.

Hi there, the image effect panel is blank on my squarespace, any idea how I can fix this?