Jump to content

SHADOWNUT

Circle Member
  • Posts

    17
  • Joined

  • Last visited

Everything posted by SHADOWNUT

  1. @Beyondspace : @tuanphan : Hello! Thank You for providing an answer to this question. I am implementing it on a client site. I hope you don't mind a follow-up question as I am far from a Javascript expert. It looks like the script is pulling the excerpt content but not the formatting. For example, in the screenshots below when I place a line break in the excerpt, the line break is not pulled over with the script. All the text is captured in HTML on the same line. How would I amend the script for line breaks to be captured? There also appears to be a character count restriction. Can that be lifted? Any help you can provided would be appreciated! 😃 SCREENSHOT 1 : Excerpt SCREENSHOT 2 : HTML with script executed
  2. Hello @tuanphan! Thank You for your response and please accept my sincere apology for not providing a direct link to the page in question. The page is https://drewlittle.squarespace.com/nike-black-future-movement-af1.
  3. Site URL: https://drewlittle.squarespace.com/ https://drewlittle.squarespace.com password: circlehelp Hello! I'm quite perplexed by something that is happening on my client site. I am using the Gallery section / Slideshow Reel feature to display a carousel of images. On mobile (in portrait orientation), I would like for each image to take up 100% of the viewport width so I added the code below. @media only screen and (max-width: 640px) { .gallery-reel-item img { object-fit: contain; max-width: 100vw; top: 0; bottom:0; left: 0; right: 0; margin: auto;}} With the CSS applied, images with a horizontal and square aspect ratio look great but the effect does not seem to apply correctly on images with a vertical aspect ratio. I know this code only applies to the image and I also need to adjust the width of the parent div but I can't seem to figure out the right CSS to apply any parent div (.gallery-reel-item, gallery-reel-item-src, .gallery-reel-item-wrapper) to achieve the desired effect of one image per viewport. The images with a vertical aspect ratio are always bunched together (as shown in the image). I appreciate any assistance the Circle community is able to provide.
  4. @Jeyycie : Hello Jeyycie! No worries at all. It happens to the best of us. I hope the launch of your website exceeds your expectations! 😃 If you need any future web development support, feel free to reach out via https://shadownut.com. We offer a Maintenance package that includes monthly website testing to ensure everything is working as expected. Results of the testing are delivered via a personalized monthly newsletter which also informs you of the latest Squarespace updates that could help elevate your site.
  5. @Jeyycie : Hello Jeyycie! I see now. What you are referring to is your Overlay Menu. You should be able to change the colors without needing CSS. Here are the steps... 1. Enter 'Edit' mode 2. Select 'Edit Site Header' 3. A menu should appear. Select the mobile icon on the top right 4. Select 'Overlay Menu' 5. Select 'Colors' 6. Choose your color palette. If needed, you can edit our color palette in Site Styles I hope this helps or sparks an idea! 😊
  6. @Jeyycie : Hello Jeyycie! Where is the 'scrolling page' you are referring to? Can you send a url? I am not seeing a page with an all white background.
  7. @Jeyycie : Hello Jeyycie! Personally, I love the crop on mobile for both the background video and the background images. I wouldn't change a thing but I understand your request. I believe the code below will make your video go full-width. The media query makes it so it only works on devices smaller than 640px which is most mobile devices. Most tablet devices will look show your desktop version. If you want to adjust the veritical position of the video, you can tweak the top % which will move it down from the top. The downside of making your background video and images full width of a mobile device is that I believe the user cannot go fullscreen to see your full video and image so they will see a much smaller version of your background video. That is why I recommend sticking with the crop but that's just my humble opinion. If you were to choose to use the video or image blocks instead, the lightbox feature would allow the user to expand the video and image to see more detail. @media only screen and (max-width: 640px) { .section-background .video-player .plyr { position: relative !important; top: X% !important;}} @media only screen and (max-width: 640px) { .section-background img { object-fit: contain !important;}} I hope this helps or sparks an idea! 😊
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.