laurenjaynehughes

@RyanDejaegherI was wondering if you could still help with this. I actually decided to remove the pink squiggle line as I couldn't get it to work. But I am trying to get the image of the A frame cabin to work overlapping into the section below. I currently have this code.... //desktop negative margin: spotlight// [data-section-id="5ee3890941a7fb71eb09acab"] { z-index: 3; .content { margin-bottom: -200px;} & + section { padding-top: 100px; } } and similar for mobile, but this makes the text on the left hand side move down with it, is there any way to just have the image overlap? Thank you so much!

This is what I am seeing, the spacing is good on the desktop but lots more space on iPad. Thanks!

Site URL: https://bernardandhawkes.com/the-library Hey, I had removed a lot of the inbuilt padding on my desktop site with this code.... [data-section-id="xxxxxx"] > .content-wrapper { padding-bottom: 0 !important;} Which has worked really well, but the padding is still there on mobile and iPad, anyone know how do I make the css specific enough that it works on all devices? I thought it would translate across all screens as I hadn't specified just desktop! Thanks!

Thanks! I am actually having a nightmare with this section because of the overlapping image below it as well! e

Hi Ryan, do you mean a screenshot of the page in edit mode? Thanks

Thank you so much for the quick response! This is what happened when I added the code...It moved it down onto the image, would I just need to tweak it to sit at the top of the whole section? Thanks!

Site URL: https://bernardandhawkes.com/the-library Hi, Just wondering how I would go about getting the pink squiggly line to always be positioned at the top of the section, like you can see in the bottom screenshot below. Top screenshot is what is currently happening on the site. Thanks!

Thank you! I had not thought about tackling it that way! Thank you!

Site URL: https://bernardandhawkes.com/the-library https://bernardandhawkes.com/the-library Hi, In the "Meet The Contributors" section (towards the end of the page) the 3rd image has a pattern behind it, it's saved as a transparent png, the two other images were aligning with the top of the pattern not the top of the image how I wanted it to. I added some padding on the other 2 images to get them to align and it does on one screen size, but if you make it smaller or larger they go out of line, Is there any way to have them aligned whatever the screen size? Thanks!

THANK YOU SO MUCH!! I don't know that I would have ever figured that out! Is that min-height: unset a common thing? I had tried min-height at a zero value but no joy!

@ryandejaegher Yes! I have tried a few things and couldn't get it to work.

@jpeterThank you so much! Do you also have any idea how I can make sit at the bottom of the page? Thank you!

Site URL: https://bernardandhawkes.com/the-library Hi, Does anyone know how I get this instagram block to be full width and at the bottom of the page in place of a footer? https://bernardandhawkes.com/the-library I tried this code but it made everything full width... .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section).section-height--medium>.content-wrapper { padding: 0px;}

Just wondering if anyone knows how to achieve what I asked above? Thanks!

Thank you @tuanphan! This is looking perfect on Desktop, is there a way to have it stacked on mobile and iPad with the copy first?

Thanks! So if I wanted the color background to be behind the copy and an actual photo to be on the right, how would I do that? And right now when it goes to mobile it's just one section? Thank you so much!

Sorry, it's the section on the page with this copy on the left "WHITE FERN WEDDINGS: Our bespoke wedding styling ensures the most important day of your life looks exactly how you imagined it would, so you can relax and enjoy every moment of your perfect day." Thanks!

Hey @tuanphan I added up to step 3 like you mentioned, it's located under the email sign up. lettuce-beagle-ds22.squarespace.com and the password is Whitefern2020 Thanks!

Thanks Tuan! Will start working on this asap, probably a stupid question, how do I add 2 columns? 😬

Hi, Just wondering how you can go about adding an image next to a block of copy with a colored background in 7.1 so they scale together. Like the attached image.

Site URL: https://bernardandhawkes.com/mothers-day-winners Hi, Just wondering how I can remove the padding on this image overlap block, there is so much space above and below it. I tried using the below but couldn't get it to work. Thanks. [data-section-id="5eb1e674bdc09902a6e7f4a8”] .content-wrapper {padding-top: 0px; padding-bottom: 0px; !important;}

Thank you! What would the selector be if I wanted to do this for the alternating side by side summary? And how would I do it for every one of my articles/blog posts? Thanks so much for your help!

THANK YOU!!!

Site URL: https://bernardandhawkes.com/photolog Hi, I'm wondering how I can change the width of most of my page content just on iPad. It currently looks fine on Desktop, and I have been changing the width using the built in options in Squarespace for Desktop (I'm on 7.1) but when viewed on iPad the content is very narrow. Any help would be appreciated! Attached a few screenshots of different pages! Thank you!

Hi, I tried this and couldn't get anything to change. Any idea why it wouldn't be working? Thanks!