laurenjaynehughes
Circle Member-
Content Count
35 -
Joined
-
Last visited
Everything posted by laurenjaynehughes
-
Fixing the position of an overlapping image
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
@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 a -
Changing the padding on Mobile
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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!
-
Fixing the position of an overlapping image
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
Thanks! I am actually having a nightmare with this section because of the overlapping image below it as well! e -
Fixing the position of an overlapping image
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
Hi Ryan, do you mean a screenshot of the page in edit mode? Thanks -
Fixing the position of an overlapping image
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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! -
Fixing the position of an overlapping image
laurenjaynehughes posted a question in Coding and Customization
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! -
Resizing Images across different screen sizes
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
Thank you! I had not thought about tackling it that way! Thank you! -
Resizing Images across different screen sizes
laurenjaynehughes posted a question in Coding and Customization
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! -
Instagram full width and at the bottom
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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! -
Instagram full width and at the bottom
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
@ryandejaegher Yes! I have tried a few things and couldn't get it to work. -
Instagram full width and at the bottom
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
@jpeterThank you so much! Do you also have any idea how I can make sit at the bottom of the page? Thank you! -
Instagram full width and at the bottom
laurenjaynehughes posted a question in Coding and Customization
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;} -
Image next to text - full bleed 7.1
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
Just wondering if anyone knows how to achieve what I asked above? Thanks! -
Image next to text - full bleed 7.1
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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? -
Image next to text - full bleed 7.1
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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! -
Image next to text - full bleed 7.1
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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! -
Image next to text - full bleed 7.1
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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! -
Image next to text - full bleed 7.1
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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.
-
Removing Padding on Image Overlap 7.1
laurenjaynehughes posted a question in Coding and Customization
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;} -
Page content width on iPad
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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! -
Removing Margin
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
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!
-
Removing Margin
laurenjaynehughes replied to laurenjaynehughes's question in Coding and Customization
Hi, I tried this and couldn't get anything to change. Any idea why it wouldn't be working? Thanks!