Jump to content

Nondys

Circle Member
  • Posts

    77
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Nondys's Achievements

  1. Yes, it's https://www.adventurewithnicole.com/baja-mexico Thank you @Ziggy πŸ™‚
  2. html, body { overflow-x: hidden; } Hello, I used to use the css code above to hide website overflow. But since Squarespace launched the awesome new PIN feature, that code won't work and it will disable the PIN feature. Here is a screenshot for reference. See how the right side of the website has the overflow? https://www.adventurewithnicole.com/baja-mexico If you could please point me to the right CSS that would be amazing!
  3. Thank you so much @Web_Solutions!!! Is there a way to make the spacing between the double borders a little bigger so the offset borders are a little further from the border around the images? Thank you in advance ☺️
  4. How do I create double borders for this image shape on Desktop and Mobile? See mockup image example attached for reference. https://hawaiiadventureportraits.squarespace.com/ Password: hawaii Here is the CSS I have so far but I can't figure it out. If someone could help me that would be wonderful! πŸ™πŸ» section[data-section-id="659cedc2f4549d78dea30dda"] { .fluid-image-container.sqs-image-content { border: 2px solid @gold !important; overflow:visible!imporant; padding: 0% !important; } }
  5. Site URL: https://kismetphotographybyloryn.squarespace.com Hello, I was wondering how I can use any image on a website to create a 'back to top' effect. I don't want the image to be fixed on the page. I just want to be able to click on the image and have it scroll to the top of the page. Here is my example. https://kismetphotographybyloryn.squarespace.com password: kismet I have a To Top image on my footer, and I want to make it scroll to the top of my website. How do I do that? I found a ton of 'floating back to top button' tutorials, and I know how to do that, I want this particular image to stay on the bottom of my footer and NOT be fixed/sticky. Thanks so much in advanced! πŸ™‚
  6. @brandon This worked really well as well! Although I have a question... I added a custom color to the background of my mobile information bar, but I see that there is a bit of space underneath of the mobile information bar that I'd like to get rid of. I added an Image of my mobile information bar below for reference, and circled the white space I'm talking about. That white space is a bit annoying and it only appears when scrolling up the page, when you scroll down the page it's not there. Here is my client's website for reference: moffittsmermaids.com
  7. @paul2009 It worked! I think I love you hahahahahaha. Yeah that was tricky for me, I couldn't figure out how to locate the proper code if my mouse couldn't hover over the actual pop-up when I'm on the inspect tool. Any suggestions on how I could find it the way you did? I'd love to know this trick haha
  8. Site URL: https://www.moffittsmermaids.com/packages Hello! I was hoping someone would be able to help me disable the time on an event calendar on hover? I was able to hide the time on the calendar but when you hover over the date it still shows up. I'm not sure how to find the right code when I inspect the page since when I hover over the event day the inspect tool doesn't really work... not on hover anyway. Here is an image of my calendar now. How do I hide the time of ALL events on Hover? You can view this page at moffittsmermaids.com/packages Thank you so much!
  9. This is so awesome! @tuanphan I would so appriecate your help here! I've been trying to figure this our for the life of me! let's say I wanted a Summary Block to consist of 2 rows of 2 photos on mobile, and still have the ability to use the arrow to scroll to see more images. So it will basically display 4 images at a time on Mobile. I found a code that allows my Summary block to stack in two columns and show all images on mobile, but it'd like it to stack two columns and show only 4 images at a time, with the option to scroll through to see the next set of 4 images. So scrolling by 4 at a time. Code I am using found at: https://www.rebeccagracedesigns.com/blog/summary-two-columns-mobile SEE IMAGE ATTACHED FOR EXMAMPLE @media only screen and (max-width: 640px) { .summary-item-list { display: flex; flex-wrap: wrap; } .summary-item { width: 45% !important; margin: 4vw 2vw !important; } }
  10. Site URL: https://fulltimeinfluencer.squarespace.com/fti/ Hello, How do I create a Dotted Border, with only 3 Dots and move them to the Upper Left corner? I really want to step away from using images on Squarespace and start using CSS more. With that being said I created an image show below (the first image) that has 3 gray DOTS on the upper left hand corner, but that is an image and I'd like to do the exact same using CSS. I was able to CSS a text box with the exact same design (second image), but I don't know how to add these dots with CSS. Here is the code I used to achieve the same style as the image. #block-yui_3_17_2_1_1624577531411_181125 { border: solid 1px black; padding: 10vh; margin: 0 auto; border-radius: 20px; background-color: white; filter: drop-shadow(-10px 0px 0px #B97C78) }
  11. Hi @JustinWyne... Unfortunately not 😞 I wish I did but I haven't found anything yet.
  12. @tuanphan It worked! Thank you so much! I knew it was easy enough I forgot the div when trying to do this myself. Thank you!
  13. Site URL: https://lindyglow.squarespace.com/ Hello, I'm hoping someone can help me figure out how to change the color of the collage block. I know you can change it in the style editor, but I would like to change it through CSS. I have two collage blocks on my client's site and I'd like one of them to have a different colored background. I'm trying to find the code to target it. Here's what I was able to find and come up with: I can't seem to figure out how to put them in order and target that collage block to change its text box color. .image-card-wrapper .image-card sqs-dynamic-text-container .image-title-wrapper .image-title .sqs-dynamic-text See collage block towards the bottom, I'd like the color to be white so that it doesn't blend in with the pink background. https://lindyglow.squarespace.com/services Password: glow
  14. Yes! Another designer sent me this link to purchase this code https://www.sqspthemes.com/blog/how-to-add-an-upsell-page-to-your-squarespace-store Thank you for responding though!
  15. @turanphan You saved me thank you so much!!!!!!!!!!!!!!! You are such a freaking rockstar lol
Γ—
Γ—
  • 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.