![]() In this case, it’s better to use a tall rectangle image. However, if you have a lot of text, keep in mind that it will likely push the section down. We don’t recommend using too much copy in the split section. If you have a little bit of text and a small headline, then the image will likely be square. Step 1 - Prepare your contentĪfter you write your content, we need to determine the dimensions of your image. In this design, we will have an image on the right-hand side and text with a button on the other side. Let’s create the easiest possible split layout using a card image block and a little bit of custom CSS. After all, many websites run the classic editor and will continue to do so in the near future, so the below tutorial is still going to be quite useful. Now, the straightforward approach out of the way, let’s talk about the classic editor and the older approach to designing on Squarespace. Having done the above you now have a fully working Fluid engine split section! You can change the position of the image, of course, arranging several sections one after another with images positioned on the right and on the left, for example.ĭon’t forget to also review the mobile view before you publish - Fluid engine allows you to create separate layouts for desktop and mobile, which means that you will be able to adjust where the image will be any other content (text, forms, buttons - whatever you want to place there). Image position and settings for Fluid engine: There are several caveats and tricks you should about though and we’ll cover them below. Since it allows you to drag and drop elements directly into sections and arrange them on a grid, to achieve a split layout all we need to do is place an image and some content next to it. Split layouts are actually quite straightforward when it comes to Fluid engine. You can read our in-depth comparison of the two editing platforms here. It differs in many ways from the classic editor, which used to be the default editing experience on both 7.0 and 7.1 Squarespace websites. The Fluid Engine Wayįluid engine is a new editor experience available to all new Squarespace websites. It makes a perfect hero section, call-to-action section and will help you break any boring and text-heavy layout. Half and half layout will help you add more white space to your design improving the overall user experience. ![]() Symmetry makes your layout more pleasing to the eye, helps you direct the attention of your readers, and splits huge amounts of text into sections. ![]() ![]() Split layouts are trendy and will help you give your Squarespace 7.1 website a unique unexpected look. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |