Ghost Plugins

View Original

Accordion Block Tabs Background Image

See this gallery in the original post

Description

Add a background image to the tabs of the accordion block. This plugin uses css editor and works with all template families.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

See this content in the original post

Customize

Change the background YOUR-IMAGE-HERE link to your image’s file url. We recommend hosting the image and generating the link via Squarespace CSS.

Adjust the padding, bottom margin, and border radius values to your liking. If using a full border, disable the Divider option in the accordion block’s settings.

Additional styles for fonts, icons, and the divider can be found in the accordion block’s settings.


See this gallery in the original post