Summit227

Apologies! Was working quickly and forgot the closing bracket on the query. Perhaps it still won't solve your problem, but either way I wanted to notify you of my mistake. <style> @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 35vh !important; min-height: unset !important; } } </style>

I'm not a SquareSpace pro like others here, but this may help. You should be able to adjust the Viewport Height value as you see fit. Best of luck! <style> @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 35vh !important; min-height: unset !important; } </style>

That's just one of the class names SS uses. You can see that same class referenced in your screenshot above. I don't think you always need a block ID, but I'm no SquareSpace expert... Tuanphan above is though! So, you can reply to his question if you still need help.

I'm not positive this is the solution, but it may help. Good luck! .sqs-block-html .TextShape-node svg { stroke-width: 1.2em; }

Your site seems to be PW protected. You'd either need to remove the PW or post it publicly to get some help. Cheers!

timdranglos you'll likely need to include a link to your page for some proper help. Also, the PW if you don't have the page set to Public yet.

<style> /* remove price */ span.sqs-money-native { display: none; } </style> No problem! You'll get better & faster at making custom edits over time.

<style> @media screen and (max-width:640px) { .gallery-fullscreen-slideshow[data-width="full"] { padding: 3vw; height: 50vh !important; } } </style> Believe this should do it. I also made a minor adjustment to the padding, previous value was "6vw"

@SRD sorry for the delay! Can't say I comment much seeing I'm still learning, so don't check SS Answers that frequently. The Chrome extension @tuanphan provided is a great tool! It's definitely helped me a few times for tricky identifying. Anyway, just looked at your site and it seems you figured it out! Right? I checked the mobile view and no longer saw that grey border. Hopefully using the inspector pointed you in the right direction.

Have you tried adding top-padding to the specific block ID? I'm no SquareSpace expert but learning more each week. Looking at your site, this might help. @media screen and (max-width:767px) { #block-e1529efedc90a5acf0e0 .sqs-block .video-block .sqs-block-video { padding-top: 200px; } }

Wow you rock! I need to learn more about the "first child" element as I keep seeing it referenced in Square Space CSS. The image displays so much better now, really appreciate your help the code worked perfectly! I almost replied to ask about the empty margin space up top, but once I changed margin-top to 0 it was exactly like I wanted! 🙂 Attached a before and after. Hopefully there's no pitfalls of me changing to a zero margin. Now I'm going to find some info about the SquareSpace child elements. Clearly not using them to their full potential!

@tuanphan hope that SS has you on their payroll! lol After going through this lengthy chain and seeing how many people you've helped. Hoping you, or someone else, can help me out! I've tried various bits of code throughout this chain but none of the results have worked. I'm trying to resize the entire section (text included) if possible, but it only resizes the banner image and the <h1> doesn't move. I would like to implement this on every single page, I understand the 'collection' or 'section' will be different for each but was hoping you could help me with 1 page and I would implement on every page. Just not sure if I'm swapping in all of the correct pieces of information. www.bachandlafleurgc.com pw: build