The Codebase

Filter through all the code

Find the Squarespace tutorial, plugin or snippet that’s going to help you fix or customize your client’s site in a heartbeat.

All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Title/Caption, Even height Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Title/Caption, Even height Beatriz Caraballo

Styling the content area (even height) (7.0, 7.1 CE & 7.1 FE) - Summary Block Grid

Not a fan of unevenness? Me either. If you’re wanting to rectify the situation for the Grid Summary Blocks on your site and make sure the items match in height automatically, this handy little code snippet will help you achieve just that!

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Cool look Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Cool look Beatriz Caraballo

Polaroid-style (7.0, 7.1 CE & 7.1 FE) - Summary Block Grid

Apply a fun polaroid-style look to your Grid Summary Block with this code snippet. You’ll be able to alter the background color, the border radius and the drop shadow of the slides, as well as modify the font styles for the title, excerpt and metadata! Plus, you’ll get to tweak the hover effect to make it more subtle or bolder, to match your preferences.

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Fonts, Title/Caption Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Fonts, Title/Caption Beatriz Caraballo

Styling the title font (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

Use this short code to style the title of the Carousel Summary Block in a heartbeat! Switch up the color, the font size, the font family and apply any other font styles you want by simply copy/pasting the snippet and adjusting the properties to your needs.

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Title/Caption, Fonts Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Title/Caption, Fonts Beatriz Caraballo

Styling the excerpt text (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

Want to change up the look of the excerpt text for Carousel Summary Blocks? Then look no further. This code snippet will allow you to style the font however you want by changing its color, size, weight and any other font property in just a few minutes!

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Read more links, Fonts Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Read more links, Fonts Beatriz Caraballo

Styling the read more link (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

If you’re looking to turn the “Read More” links into a button inside your Carousel Summary Block, this snippet is for you! Just copy/paste the code and you’ll be able to alter the colors, border, border-radius and anything else you want to make them as prominent as you need them to be.

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Metadata, Fonts Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Metadata, Fonts Beatriz Caraballo

Styling the primary metadata (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

Want to add some life to the categories, tags, author or any other primary metadata you have showing up in your existing Carousel Summary Block? Then grab this snippet to help you target that text and set up your own color, font family, font size or anything else you want!

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Borders and shadows, Even height Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Borders and shadows, Even height Beatriz Caraballo

Styling the content area (even height) (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

Not a fan of unevenness? I get you. If you’re wanting to rectify the situation for your Carousel Summary Blocks and make sure the items match in height automatically, this handy little code snippet will help you achieve just that!

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Carousel/slideshow controls Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Carousel/slideshow controls Beatriz Caraballo

Moving the arrows below the content (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

Want to have your Carousel Summary Block arrows under the slides? This code snippet will help you do just that! You’ll be able to determine whether they should align to the center, left or right of the carousel, or even space them out if you rather have each on a different side.

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Carousel/slideshow controls Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Carousel/slideshow controls Beatriz Caraballo

Placing the arrows on each side (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

Reposition the arrows of your Carousel Summary Block with this short code snippet! With a quick copy/paste you’ll be able to instantly place them to the sides of the slides and determine how far away from the items they should sit.

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Carousel/slideshow controls Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Carousel/slideshow controls Beatriz Caraballo

Changing the disabled arrow's opacity (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

If you’re using the Carousel Summary Block but don’t like the look of the greyed-out/disbaled arrow when the first or last item is showing, this short snippet will allow you to change that and make sure the opacity is turned up to the max!

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Fonts, Title/Caption Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Fonts, Title/Caption Beatriz Caraballo

Styling the title font (7.0, 7.1 CE & 7.1 FE) - Summary Block List

With this short code you’ll be able to style the title of the List Summary Block in a heartbeat! Switch up the color, the font size, the font family and apply any other font styles you want by simply copy/pasting the snippet and adjusting the properties to your needs.

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Fonts, Title/Caption Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Fonts, Title/Caption Beatriz Caraballo

Styling the excerpt text (7.0, 7.1 CE & 7.1 FE) - Summary Block List

Need to change up the look of the excerpt text for List Summary Blocks? Then look no further. This code snippet will allow you to style the font however you want by changing its color, size, weight and any other font property in just a few minutes!

Read More
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Read more links, Fonts Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Read more links, Fonts Beatriz Caraballo

Styling the read more link (7.0, 7.1 CE & 7.1 FE) - Summary Block List

Ah yes, the “Read More” links. If you’re looking to change the ones inside your List Summary Block and turn them into a button, this snippet is for you! Just copy/paste the code and you’ll be able to alter the colors, border, border-radius and anything else you want to make them as prominent as you need them to be!

Read More