Categories
Squarespace

How to build a Squarespace blog post [Video]

Cheap and easy Video Content Marketing

FOR PHOTOGRAPHERS: How to build a Squarespace blog post with gallery images. www.instagram.com/xhollyhollyx www.twitter.com/xhollyhollyx Who am I? I …

FOR PHOTOGRAPHERS: How to build a Squarespace blog post with gallery images. www.instagram.com/xhollyhollyx www.twitter.com/xhollyhollyx Who am I? I …

Watch/Read More

Categories
Squarespace

How To Customize The Product Quick View Lightbox in Squarespace // Squarespace CSS Tutorial [Video]

Just getting started with Squarespace CSS? Awesome! 😍 I want to teach you the basics - grab my free Getting Started Guide here πŸ‘‰ http://bit.ly/guide-to-css---In this tutorial, you’ll learn how to change the look of the quickview product lightbox in Squarespace. ---Important note: This tutorial was recorded in Squarespace 7.1 but the codes will work for both Squarespace 7 and 7.1, so older sites built with Brine, Bedford, Pacific, York & other themes can still use these codes!The sample codes from this video are below, but I want to encourage you to do more than copy-and-paste here; get creative! Change up colors, shadows, and more to suit your own site style. β†’ To learn more about color options, check out this page: http://insidethesquare.co/colorsβ†’ To learn more about borders, check out this page:https://insidethesquare.co/borders---Here are some of the codes from this tutorial:β†’ How to add a shadow to the quickview product lightbox.sqs-product-quick-view-content {box-shadow: 5px 5px 15px rgba(0,0,0,0.2)}β†’ How to add a border to the quickview product lightbox.sqs-product-quick-view-content {border: 1px solid purple; }β†’ How to change the background color of the quickview product lightbox.sqs-product-quick-view-content {background:purple}β†’ How to change the button color inside the quickview product lightbox.sqs-product-quick-view-content .sqs-add-to-cart-button {background-color:purple!important}β†’ How to change the close X button color inside the quickview product lightbox.sqs-product-quick-view-lightbox-close-button line{stroke:purple!important}β†’ Change the color of the overlay that shows up behind the background; play around with the opacity too!.sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-background {background:purple!important; opacity:.5}