Disclosure: Some of the links above are affiliate links. If you use them to make a purchase through one of our partners we may receive a small commission, at no cost to you. Read our full affiliate, advertising and privacy policy here.

Categories
Squarespace

How to customize gallery captions in Squarespace 7.1 // Squarespace CSS Tutorial [Video]

How to customize gallery captions in Squarespace 7.1 // Squarespace CSS Tutorial

Just getting started with Squarespace CSS? Awesome! 😍 I want to teach you the basics – grab my free Getting Started Guide here 👉 https://insidethesquare.co/learn

In this tutorial, you’ll learn how to customize the captions displayed for an image gallery in Squarespace 7.1

What we are going to do is use custom code to give it a solid color background, create multiple lines of text, and then use a little more code to change the text styles and alignment. Before you watch the tutorial and use the code below, here are a few important things to know:

This is specifically for version 7.1 and wont work for older sites built on version 7.
You can isolate an individual gallery section using its block ID. This tutorial has more info on that: https://youtu.be/h8qfZdaATbU

You can apply this to a single page using page header code injection or an on page code block. Check out the tutorial on this page to learn how: https://insidethesquare.co/singlepage

Here is the code from the tutorial. To install it site wide, navigate to Design and then select Custom CSS at the bottom. Paste this code inside the white box there on the right hand side. If you already have code there, just hit enter to add a new line and paste it there.

This code will add a background color to the gallery caption:
.gallery-caption {background:#fff}

This code will create separate lines of text when you use a soft return (shift/enter):
.gallery-caption p {white-space:pre}

This code will center the text:
.gallery-caption p {text-align:center}

This code will change the font style of the first line of text in the description; I would recommend only using this code if you have multiple lines separated by the soft return (shift/enter) .Change up the color, font size, font weight, and any other typography code change you want to make!
.gallery-caption p:first-line {color: blue; font-size: 1rem; font-weight:bold}

You can combine all the codes above into three lines to create the look from the tutorial:
.gallery-caption {background:#fff}
.gallery-caption p {white-space:pre; text-align:center}
.gallery-caption p:first-line {color: blue; font-size: 1rem; font-weight:bold}


🤩 Want over 60+ pages of custom codes & pro tips specifically for customizing Squarespace? Download my CSS Cheat Sheet, available now at 👉 https://insidethesquare.co/css

🥳 Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10 ❤️

🙋 Need some help? Visit ​https://insidethesquare.co/code-help​ to see my current support options.

The term “Squarespace” is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥

#squarespace #squarespacetricks #squarespacehacks #squarespacetips #squarespacetutorial #squaresapcesite #squarespacedesign #learnsquarespace

Watch/Read More

Disclosure: Some of the links above are affiliate links. If you use them to make a purchase through one of our partners we may receive a small commission, at no cost to you. Read our full affiliate, advertising and privacy policy here.

Categories
Squarespace

I built a camera dolly at home [Video]

I needed the ability to move the camera in my short films, so I built a camera dolly at home for less than $100!Get a free trial and 10% off at Squarespace -http://squarespace.com/spensersakuraiTry my new “CINE VIBES” LUT pack - https://www.spensersakurai.com/pocketlutWatch my "Cinematic Lighting Basics" Workshop - https://bit.ly/2WFSChnBrowse amazing music for your videos at Musicbed - http://share.mscbd.fm/spensersakurai*Musicbed is the best place to get music for your films. Get your first month free when you purchase an annual subscription by using my coupon code SPENSER at checkout.My Gear:The camera I recommend to everyone! - https://geni.us/IehTvMy favorite lenses - https://ebay.to/2ZQQdRgMy favorite light - https://geni.us/8BRPOBVlog camera - https://geni.us/9BJQi (youtube camera)Portrait lens - https://geni.us/LEMihVlog lens - https://geni.us/S7TmATube lights - https://bhpho.to/3dRnORwCamera Monitor - https://geni.us/dkqaVMy favorite cinematic lens filter - https://geni.us/p519aARode Video mic - https://geni.us/3d39zRode Go Wireless Mic - https://geni.us/BOkBruBMoment ND Filter - https://geni.us/uMX9#cameradolly #filmmaking #cinemacamera

Disclosure: Some of the links above are affiliate links. If you use them to make a purchase through one of our partners we may receive a small commission, at no cost to you. Read our full affiliate, advertising and privacy policy here.

Categories
Squarespace

3 Tips for Squarespace Email Submission Forms | Look Like A Pro FAST! [Video]

Squarespace forms are versatile and sophisticated. If you decide to use any forms on Squarespace, this process of how you reply to forms to look professional and maximize your response rate!Timestamp00:00 - 00:42 Intro00:43 - 04:03 #1 Replies04:04 - 05:36 #2 Back Ups05:37 - 08:32 #3 Thank you Page08:33 - 09:22 OutroI'm David, a search specialist, and beginner YouTuber from Orange County, CA. I started on Google Ads (also called SEM) and have managed over $3M in ad spend. I've also designed over 150 Squarespace websites. My team and I work on about 30 SEO projects a month and help companies get found on Google with SEO, SEM, or design a powerful website.❤️ Subscribe to the channel: https://www.youtube.com/c/DigitalEssentialist?sub_confirmation=1😃 Subscribe to the channel: https://www.youtube.com/c/DigitalEssentialist?sub_confirmation=1📇 FREE Resources!!!!!: https://spacebaragency.com/resources☎️ Phone Consultations (15min-2hour options): https://superpeer.com/davidalexLearn more about us (I get commissions for purchases made through some of these links, but I only promote things I like and believe in that I think you'd like, too.):💌 The Newsletter: https://spacebaragency.com/newsletter💻 Get Live Squarespace Help: https://spacebaragency.com/expert💥 The Agency | Spacebar Agency: https://spacebaragency.com/📖 The Blog | SEO Guides: https://spacebaragency.com/guides🎓 The Online Courses: https://squarespace.podia.com/📱 Start Your Website Today on Squarespace: https://squarespace.syuh.net/c/2501235/968202/9084———🥑 Vegan Meal Delivery Service I LOVE - Get $50 today: https://www.thistle.co/referral/DAV331418📕 Need a Payroll service? Get up to $300 today https://gusto.com/d/david24465📑 Need A Bookkeeper? Checkout Bench: Sign up for a Free Month: https://bench.grsm.io/davidiskander599⏺️ Need a live chat feature? Check out Tidio: https://www.tidio.com/en/?ref=spacebar💸 Looking to Robo-Invest? Try Betterment: betterment.com/?referral_key=davidiskander👨‍🏫 Teaching Platform I Love - Podia: https://www.podia.com/?via=david-iskander💳 Chase Business Credit Cards: https://www.referyourchasecard.com/21f/9TQVOVDYRQ———🧬 Sponsorships & Contact: email hello@spacebaragency.com

Categories
Squarespace

Cryptocurrency Will Never Be Real Money [Video]

Go to Squarespace.com for a free trial, and when you’re ready to launch, go to http://www.squarespace.com/knowledgehub to save 10% off your first purchase of a website or domain.Cryptocurrency, ah, a video I intended on doing a long time ago but...didn't. See, I used to trade this stuff, and have heard all the arguments in support, against, and everything in between. But now it's time for me to say something. Probably. Maybe.Don't go to the moon. It's cold, and oxygen is hard to come by. Twitter: https://twitter.com/WhimsuTySoundcloud: https://soundcloud.com/user-503704039Patreon: https://www.patreon.com/theknowledgehub