Jump to content

Let's Get Creative with Code 👩‍💻

Recommended Posts

On 8/14/2024 at 6:07 AM, FLCwebmaster said:

Is it possible to make the carousel go off the page while retaining the navigation arrows, like in the original post?

I'm a little confused by this question - you want it to extend the content horizontally past the edge of the rest of your site content? this would make a big blank space on the side of the rest of the page and could be really tricky to navigate. From an accessibility perspective I wouldn't recommend that 🫤

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment
On 6/4/2024 at 6:52 AM, Pixel_Mixel said:

Hi, not sure if this is the correct place to post this but I guess it's worth a punt.

What I would like to do is change the default CSS for the user-profile-page CSS so that it matches the rest of the website theme.  I can't see where this is achievable but can make changes to the CSS when I inspect the page in Google Chrome.  Below I have changed the Font Weight, and Colour as well as the colour of the dividing lines.  So the question is, where can I access the file (user-profile-page-30235f842f37787aa800-min.en-US.css) and make these changes permanent?
image.thumb.png.c8cc1edc43618504366e3d54a236216c.png

It would be SO cool to make changes to that feature, but unfortunately, that feature doesn't respond to the same CSS file that your site content does. Do you see how it's in a separate frame and not in the HTML of the site? *sigh* Hopefully someday we'll get to make it extra cool. I'll definitely put this on my wishlist too

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment
On 6/4/2024 at 1:17 PM, Lelle56 said:

hey @inside_the_square! here's a few things that would be great to see from squarespace:

1. It would be awesome for there to be an inherent option for images to change into the available squarespace image shape forms on hover 

2.  Animation / Transition effects without code. I feel like the new text highlight decor / animations are such a close step in the right direction on this! It would also be cool to have a larger variety of animation options (ability to assign different animations to different sections, etc) in the global site settings animations as well.

3. Ability to upload Videos into Gallery sections alongside Images in fluid editor

PS love your squarespace videos 🤩

L

Oooh yes to all of these!! I feel like animations have been the same for a while now; hopefully that can move from wishlist to feature someday. Also, I love the video gallery idea - I'll have to brainstorm some code for that fun 🤩

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment
On 7/7/2024 at 7:32 AM, gafitz said:

Hi, it would be great if it was possible to either; display thumbnails on a Slideshow Full or make Slideshow Simple images full bleed. Either one would get to the same place but I just can't find a way to do either.

This is a great idea! I just whipped up a quick code for you that will turn a gallery section slideshow with thumbnails into a full width slideshow - with thumbnails. 😎 No video yet, but I am definitely adding this to my custom code collection 🎉

.gallery-slideshow[data-controls-location="side"] .gallery-slideshow-list, .gallery-slideshow, .gallery-slideshow-wrapper{
  left:0!important;
  right:0!important;
  padding:0!important;
  margin:0!important;
  width:100vw;
}
.gallery-slideshow-item img{
  object-fit:cover!important
}

Also - this little snippet will keep the thumbnails visible on mobile if you want that too!

.gallery-slideshow-thumbnails{
  display:block!important
}

 

Edited by inside_the_square

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment
On 10/15/2024 at 6:13 PM, LINKSCHOOLOFARTS said:

I am looking for help with code to have two different background videos play for desktop and mobile. Thank you!

Hi, I have a plugin for this: https://www.squareace.co.uk/squarespace-video-backgrounds-for-desktop-and-mobile

I hope it helps. Let me know if you have any questions, thanks :)

Square Ace

Enhancing Squarespace websites for over a decade. I am an expert in writing custom code for the Squarespace platform.
Tailor-made, reusable solutions to your problems, whether it's styling, layout or functionality.
Maverick Squarespace Designers, I'll be your Goose. If your tools are holding back your creative vision, maybe I can help.
I also build useful plugins for Squarespace (with some really positive reviews) including the popular high-quality video background plugin.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.