![]() ![]() If you want to give an important announcement or testimonial center stage on a page, you’ll use spacers on either side of the text block, similar to how you create page margins. You’ll now have everything in the correct order and the blocks will stick together when you save the page. Cut the portion of the text from the original text block that is supposed to appear after your new text and paste it into the second new text block. Then create another new text block, under the text block you just created. In that case, add a new text block after the original text block and add your new text style it the way you want. Occasionally the horizontal line showing the insertion point just won’t display at the point where you want it. The text blocks will stick together when you save the page. In Weebly, you’ll add a Title element if you need a heading and a Text element if you need regular text. In Squarespace, style the text as a heading or regular text. If you need to add text in the middle of a long text block, drag a new text block to the place where you need to add it, watching for a short horizontal line showing that you have the correct insertion point. Trick 6: Add inĪs your business changes, you’ll find that you need to add text to your website. Sometimes spacers added in between text blocks cause more space than you want and you’ll have to compromise on a spacer size that looks good both on computers and cell phones or use a divider line instead. Check the cell phone display as you’re trying out different splitting techniques. To force space between text blocks, you can either add spacers or divider lines. I use this most often on Services pages when I want a way for each service to stand on its own and not be confused with any other service. Sometimes you won’t want the sticky rule to apply because you want text blocks to be independent of one another even if they are shown in one long column. This is the only way to indent text in Weebly. In Squarespace, there is an indent option on the text editing bar, but if it doesn’t indent the text to the degree that you want, you can use a spacer to indent the text any amount you want. ![]() Resize the spacer to be the size you want. Look for a short vertical line showing you that the spacer is going next to the text block only rather than being placed in a column that goes the full length of the page. To create an indent for one or more blocks of text, you can add a spacer to the left side of the text. 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. 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.Ī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. 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. 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 |