![squarespace add border to text squarespace add border to text](https://support.squarespace.com/hc/article_attachments/360054362951/pick_a_color.png)
![squarespace add border to text squarespace add border to text](https://beaverhero.com/wp-content/uploads/2020/05/ss-poster-block1-min.png)
Head over to the navigation menu and choose Design > Custom CSSĬopy & paste the following code in the text field:ĬSS Code Tip : I typically add my own “header” text above any CSS code in my site (i.e. You can also add in a quote content block to achieve this effect (if you don't mind there being quotation marks automatically added in). This step by step tutorial involves a bit coding but it's really easy It's a simple copy and paste code to add the background color to the text block and will work on any Squarespace website or plan. To add a border to your accordion dropdown menu, you’ll need to write some simple code into your custom CSS box. To put this code into use all you have to do is type in text like normal then format it to be quoted text (that's one of your options when you're selecting normal body text, heading 1, heading 2, etc). Create a block of text with a background color in Squarespace 7.0 and 7.1. As you can tell by their names they’re pretty straightforward, and all we have to do is target our desired text and add these to it. OpenOffice programs such as Impress, Draw and Writer. Copy the filename only (including the extension) and paste it into the part that says IMAGE-FILENAME-HERE.jpg then you can delete the rest of the image file text (including the 1 text). Borders do everything from enhancing pictures to making it easier to visualize cells in a data table. Your Squarespace dropdown accordion should be ready to go! Step 4 (Optional step for Squarespace Accordion): Add a border around each question To make this happen we’ll be relying on a couple of CSS properties called: -webkit-text-fill-color, -webkit-text-stroke-width and -webkit-text-stroke-color. To add your image: click the link icon inside of the markdown box, select 'files' from the pop up then upload the image you’ll be using. This one is based on my personal preference, but I think it makes for cleaner navigation and a better user experience. I prefer to not have the cart visible at all unless someone adds something to it. After you've entered all of your questions & answers/ accordion content, make sure to click save and refresh the page. Squarespace will display the shopping cart in your site navigation as an icon or text (depending on how you have it set in your style settings).