This tutorial will show you how to customize the background of an accordion block using codes!
---
Just getting started with Squarespace? Awesome! 😍 I want to teach you the basics - check out my free training course here 👉 [ Ссылка ]
---
Accordion blocks are a new type of content block available in Squarespace. Commonly used for FAQ sections, accordion blocks will show a title and when you click on it, additional text will be revealed underneath it.
These accordion blocks have their own custom design menu with a lot of options… but none of them will change the background! In this tutorial we’ll give it a custom color, a gradient, and change up the border style a bit.
Here are the codes from this tutorial. Be sure to change up the colors and numerical values to suit your own site style!
.sqs-block-accordion .accordion-items-container {background: yellow; border-radius: 25px; border: 3px solid purple}
Here is the gradient background code:
.sqs-block-accordion .accordion-items-container {background: linear-gradient(to right, pink, #e5f5f6); border-radius: 25px; border: 3px solid purple}
*/ Related Videos */
Brand new Squarespace feature - accordion blocks! Learn all about this new type of content block in this video: [ Ссылка ]
If you want to customize the divider line, creating a gradient or even using an image, check out this tutorial: [ Ссылка ]
---
🥳 Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): [ Ссылка ] ❤️
---
🙋 Need some help? Visit [ Ссылка ] 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
