![]() ![]() On a cell phone, columns are placed one after the other, so you’ll want to check the cell phone preview as you’re designing a page to make sure the columns look good when they are stacked one on top of another. Use Column 1 for the questions and Column 2 for the answers as I do in the FAQ section of my website’s Services page. For large amounts of text, using columns, like newspapers do, can make the text more readable.Īnother way to use two columns is to help headings in a Frequently Asked Questions list stand out and to add some white space on your page. In Squarespace, if you have a heading that encompasses more than one column of text, you’ll have an extra step to cut the heading to unstick it from the original one column of text and move the heading to its own text block, one that goes the full width of all the columns. You’ll know you’re at the right insertion point when you see a short vertical line that marks the area next to the text block where you’re adding a second column. To create text columns, drag text blocks next to one another. With the Squarespace 7.1 Fluid Engine Editor, you place elements on the grid where you want them to be. Adjust the width of the content to be narrower than the usual width. Note: With Squarespace 7.1 classic sections, you can create margins without spacers if you are working in a section. To find out more about spacers, read my blog post, “ Spacers: Your website’s invisible super power,” which tells you more about how to use these handy design elements. Left- and right-page spacers are often ignored when you look at your website on a cell phone because the narrow width of a cell phone screen automatically has a readable width. You’ll probably want to use the same size spacers as margins on other pages for a consistent text width throughout your website. You can drag to resize the spacers to the width you want, but make them the same on either side of the text block for consistency. Pages full of text that goes the full width of a page are hard to read, so I often use spacers on either side of text blocks to make the text blocks narrower and more readable. These spacers create blank space on your page. Instead they use design elements called spacers on the right and left sides of pages. Squarespace and Weebly don’t have what you would call page margins. You drag each text block into place on the grid and check its placement on both mobile and computer displays. ![]() ![]() Note: The Squarespace 7.1 Fluid Engine Editor works differently from previous editors. If you’re still with me and haven’t had to run to a bakery for sticky buns yet, I’ll now give you a rundown of the tricks I use most often when working with text blocks on my clients’ websites. When you place a text block next to another one, it stays as its own independent block. Weebly, on the other hand, distinguishes between headings (called Title elements) and regular text, so a heading won’t stick to a regular text element automatically.Īlso note that text blocks are not sticky side to side. In Squarespace, to make it a little more confusing, a sticky text block can contain both a heading and regular text, making it difficult to add something new into a long text block made up of headings and regular text. If you create a second text block and place it under or above another one, the two text blocks will stick together and become one text block. The most important thing to remember about text blocks is that they are sticky on their tops and their bottoms, sort of like a double-frosted sticky bun (which would be extra-delicious, come to think of it). ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |