kimmydesign

got it, so that should work. Thank you!

Hi there, I'm trying to get all the images in a section to have a box shadow without having to do individual block IDs (the images will change frequently so I'm not sure if the block ID will change with the new image?) This is the code I have that will add box shadow to the whole image block section[data-section-id="66b3c81ba6970b6f0c5b0778"] .image-block { box-shadow: 0px 0px 5px #e2e2e2; } When I add -wrapper to it the shadow disappears: section[data-section-id="66b3c81ba6970b6f0c5b0778"] .image-block-wrapper { box-shadow: 0px 0px 5px #e2e2e2; }

@tuanphan how do I hide it from the desktop mobile pop out as well so it's just in the top right corner?

Hi there, I have a button that I've added custom code to adjust the static color to, but the code I'm trying to remove the border isn't working. Here is the website www.ballardinn.com (it's the first button on the page) and here is the code I'm using: #block-yui_3_17_2_1_1716160184041_16819 { background: #f3f1ef !important; border: none !important; }

Sorry, I put the url in the listing section but it doesn't look like it shows up here. It's www.ballardinn.com. So what I've done is aligned the grid to the bottom of the 100% height section so that when you open the website on desktop and mobile, the button is 'stuck' to the bottom of the browser. In mobile viewing mode on squarespace.com it looks great, but on my actual mobile device using chrome and safari, the 100% height section goes behind the browser frame so you can't see the button at all.

Hi there, the main section on the homepage is set to 'fill screen'. It works great on desktop but on mobile the button I have at the bottom is below the mobile browser menu. How do I move it up so you can see it when the page loads?

Amazing! Thank you, as always!

Hmmm, that didn't do anything. Any other ideas?

Right now, the 'Button' selected from the header menu goes to the burger menu on mobile. See the first two images for reference. The third image is how I would like it to look. Thank you!

Hi there, how do I keep the button on the header and not in the burger menu on mobile? I will probably have to make it smaller so it fits. https://ballard-inn.squarespace.com/

sure! sorry. It's https://ballard-inn.squarespace.com/

How do I make a block item stick to the bottom of the homepage intro section and make the section take up 100% of screen? Right now it's taller than my phone browser height. Also, how do I make the whole text box a clickable link instead of the just the text. Thanks!

On Mobile can you make it stick to the bottom of the section (and make the section take up 100% of screen? Right now it's taller than my phone browser height. Also, how do I make the whole text box a clickable link instead of the just the text. Thanks!

thank you!

I want to essentially make a custom button from a text block. I have everything right except I can't get the text color to change upon hover. I want it to turn white or #f3f1ee Here is the code as I have it so far: #block-yui_3_17_2_1_1715361249793_12679:hover { color: white !important; background: #585951 !important; border: 25 !important; border-color: #585951 !important; opacity: 1 !important; } website is: https://ballard-inn.squarespace.com/

https://ballard-inn.squarespace.com/

I can't believe this is still an issue, after seeing so many discussions on it. I am working on a 27" iMac, so I made my website on a bigger browser. Now when I test the responsiveness I'm running (again) into the issue of the paragraph text getting BIGGER when the browser shrinks. This is so counter intuitive. Can someone please help me out here? I only need to change paragraph three but based on what I'm seeing I have to change all the paragraphs, overriding the size differences on p1 and p2 when I don't need to. pass: beta

Hi there, I want to have my button hover background color not be so tight on the text (see Screenshot 1). I tried to give it a border but it didn't work. This is the code I used. .sqs-button-element--tertiary:hover { background-color: rgb(255, 255, 255) !important; border: 10px !important; border-color: rgb(255, 255, 255) !important; color: #be8d66 !important; /* Hover text color */ } Any ideas? pass to get into site is: beta

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?