

Use the code block or markdown block, as you mentioned.This is a popular workaround among Squarespace designers, despite its absurdity (Edit: You can also hit CTRL+U on your keyboard to underline highlighted text, then target the underlined element via CSS). You can override the font-weight and font-style as needed. Take note of the order in which you click on the bold and italic buttons, since this determines which is inside which, and changes your selector. Spacer Blocks work great for this You’d add either 4 or 6 spacer blocks to the page, all in one long string across the page. Say you want 4 columns, each with an image & a text block for a title underneath the image, going across the page. CREATING A GRID-BASED LAYOUT WITH COLUMNS. If one needs to target a specific word or words within a p element, one can highlight the text within the text block, set it as both bold and italic, then target that phrase via JavaScript and/or CSS by using the block id in combination with strong, em selectors. 4 Ways to Use Spacer Blocks in Squarespace.Of course, doing this means that your selector will be fragile.editing the text within the text block could alter the applicability of the selector you used. More about using block ids here and here. col, p, first-child and nth-child selectors in order to target specific elements within a text block. In developer mode, one can insert " block fields" (an area allowing content editors to add/drag/drop/arrange blocks in a grid) and add a class to the block field, but one cannot alter the code within the block field nor the blocks themselves. Squarespace does not make such capability available.Įven using developer mode, one only has access to the overall template and surrounding code. Unfortunately, you cannot directly edit the HTML of a text block (or any block besides markdown and code blocks) within Squarespace.
