![]() That’ll add some padding around the sides of each logo to give them some room to breathe and convert them all to grayscale so they don’t distract from your own brand colors. Copy and paste the CSS code below into the box and hit save. Don’t forget to click save on the entire page! Step 4: custom cssįor finishing touches on this logo slider, navigate back out to the main menu of your Squarespace site and go to Design > Custom CSS. Drag it up to resize the entire block until the desired number of logos are visible at once. Step 3: resizeĬlick on the Carousel Gallery block that you just created and grab the handle on the bottom middle of the block. Under EDIT > DESIGN you can choose from automatically transitioning and adding. Add your link to the Click To Add URL area. You can use an existing Gallery, or upload new images under EDIT. Check the Open Links In New Window box and if you want to add links to your logos navigate back to the Content tab and click on the gear icon that appears when you hover over a logo. Next, in the Design tab select if you want to have the next & previous arrows showing so your visitors can navigate themselves and/or automatically transition between slides. Once you’ve selected your image, click on the Settings button and make sure that the Image Format is set to Carousel. Then, click on the Add Content button and select Image. In the first Content tab you can click upload and go find the files you want on your computer or simply drag and drop into the open tab. Adding an image to a carousel in Squarespace is easy First, go to the page where you’d like to add the image. Find the place on the page where you want to add your slider and add a Carousel Gallery block. Navigate to the page you want to add your featured logos to and enter edit mode. Make sure that the file looks clear and crisp (that usually means it’s high resolution), has a white or transparent background, and that you save them all to one central location on your computer so you can upload all at once. Step 1: gather your logosĪsk your previous clients to send you their logo to use or, if you already have permission from them, you can search for their logo on Google. Read the step-by-step instructions below to see exactly how I like to display logos in a slider on your Squarespace website. Why does this help build credibility? Well, because if those companies trusted you enough to work with you, then so can Suzie who found you on Instagram! ![]() Testimonials are one great way to do that, but another great way to do that is to display the logos of big companies you’ve worked with or been featured by. However, you can change this by clicking the Change Order button in the carousel settings. By default, Squarespace carousels will display the images in the order they are added. That means showing that other people have had a great experience using your product or working with you. Another way to change the image presentation is to change the order in which the images are displayed. ![]() And there are lots of ways to do that, but social proof is a super powerful one. One of the biggest jobs your website has is to build credibility for you. (This blog tutorial is written to work on 7.0 Squarespace websites, unfortunately it doesn’t work the same on sites using 7.1) ![]()
0 Comments
Leave a Reply. |