Jump to content

AldenCreative

Member
  • Posts

    10
  • Joined

  • Last visited

Recent Profile Visitors

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

AldenCreative's Achievements

  1. I've been trying to figure this out on my own but have finally caved. Haha I currently have arrows on my carousel gallery and find they keep getting in the way visually. I want to replace them with a series of dots at the bottom of the gallery. Is this even possible? The first attached image shows how it looks on the desktop currently and how I'd like to change it. The second shows how it'd like it to look on mobile. I would like to affect both of these pages: https://www.aldencreative.com/spaces https://www.aldencreative.com/things I also have a similar issue with my testimonials. The third attached image shows how my testimonials currently look on a desktop. I have six list items (this may change) that I scroll through. If possible, I'd like the dots to be two for desktop so it shifts through three testimonials at a time. If that's not possible I would need to show 6 dots I suppose? For mobile (4th image) it only has room to show one testimonial at a time so 6 dots would be needed here. This should pertain to my home page: https://www.aldencreative.com/ I so appreciate any help y'all can lend, thanks in advance! 🙂 Ryan
  2. The lack of SquareSpace help is pretty bad, unfortunately. It's still not basic-user friendly.
  3. @tuanphan Thank you so much!!! That fixed it. I'm grateful for your help. :)
  4. @tuanphan and for some reason none of my caption overlay settings are translating to my second gallery section. They are are only working for the first gallery. I'd love your help figuring that out as well. Thank you!
  5. Thanks @tuanphan That fixed my mobile issues perfectly! Thank you! For the desktop issue, I have a MacBook Pro with 4096x2560. As you can see in the screenshot it doesn't cover the entire width.
  6. Hey! I sent you an email earlier. I would still love your help. The hover overlay on the gallery images is supposed to be the same width as the image and half the height on both mobile and desktop. Not sure how to fix this. Thank you! Desktop: Mobile:
  7. Site URL: https://www.aldencreative.com/spaces#avo-eatery Here's a link to my 7.0 page, I'm trying to figure out if it's possible to create this same layout in 7.1. Elements: Text above gallery block with two different font weights in one block. Image gallery closely nested below text above. Some sort of clickable thumbnail or dot to navigate images in gallery Text below nested closely to gallery above. Thanks!
  8. Site URL: https://dalmatian-celery-kg9s.squarespace.com/ I feel like I'm sooo close to having made it on my own, but things start breaking when I change the size of the screen or it goes to mobile. I'd love your help with the last 5% to make this work as intended. Let me know if I need to provide you with anything else to help me fix this issue. Thanks in advance! A link to my site: https://dalmatian-celery-kg9s.squarespace.com/ All the CSS on my site (in case there's anything rogue causing the problem) The problem area is sandwiched between the //***** asterisks. // Stretchy Navigation Line - v2 // .header-nav-item::after { content: ''; background: #000000; //color height: 3px; //thickness width: 0; left: 0% !important; display: block; margin-top: -6px !important; transition: width .3s ease; //animation speed } .header-nav-item:hover::after { width: 100%; left: 0%; } .header-nav-item--active a { background-image: none !important; } //---------- //nav font size .header-nav *, nav.header-menu-nav-list * { font-weight: 600 !important; font-size:20px !important; } //---------- //Fill in the ______ . #block-e75c0a1dc83d65e3397f h1 { color: #333 !important; } //---------- /* button color on homepage */ #block-c3cc3a982f96f9d0bc98 .sqs-block-button-element--large { background-color: #333333 !important; color: #fff !important; } #block-02f3fb585d8f3cfe4f9a .sqs-block-button-element--large { background-color: #333333 !important; color: #fff !important; } .sqs-block-button-element--large:hover { } //---------- // Explore all spaces. @media screen and (max-width:767px) { #block-yui_3_17_2_1_1617326928011_18823 h1 { color: #fff !important; text-align: left !important; padding-left: 0px !important; }} @media screen and (max-width:767px) { #block-c3cc3a982f96f9d0bc98 .sqs-block-button-element--large { color: #fff !important; margin-top: -25% !important; margin-left: 0% !important; }} //********** //---------------------------- //Spaces gallery on:hover .gallery-caption { position: absolute !important; transform: translate(0%, -24%) !important; width: 33.333% !important; height: 100% !important; text-align:center !important; opacity: 0 !important; transition: all .3s ease !important; background-color: #FF4949 !important; margin-bottom: 0% !important; pointer-events: none !important; } .gallery-grid-item:hover .gallery-caption { opacity: 1 !important; transition: all .3s ease !important; } .gallery-caption-wrapper { display: flex !important; place-items: center !important; justify-content: center !important; height: 20% !important; } .gallery-caption p { font-family: proxima-nova-n9, proxima-nova, sans-serif; font-size: 18px !important; font-weight: 900 !important; color: #fff !important; letter-spacing: 2px !important; opacity: 1 !important; width: 50% !important; } //------------------------- //************ // Discover all things. @media screen and (max-width:767px) { #block-348cd381a1bd7ba15f8b h1 { color: #fff !important; text-align: left !important; padding-left: 0px !important; }} @media screen and (max-width:767px) { #block-02f3fb585d8f3cfe4f9a .sqs-block-button-element--large { color: #fff !important; margin-top: -25% !important; margin-left: 0% !important; }} //spacing above calendar #block-70dd82cc2e90c5f3fb4b { margin-bottom: -5% !important; margin-top: 3% !important; } // CHECK THIS DOESN'T BFREAK LANDSCAPE // Small devices (landscape phones, less than 768px) @media screen and (max-width: 767.98px) { .gallery-grid-wrapper { grid-template-columns: repeat(1, 100%) !important; } }
×
×
  • 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.