Drop shadows are a classic visual design technique used to give an illusion of depth on two-dimensional surfaces, often used to differentiate text from other objects and give the appearance of floating above its background.
To apply a drop shadow to a layer, first select it in either the layers list or canvas toolbar and click the arrow next to “shadow” option in Layer Style menu.
Add a Poster Text Block
Employing image layout blocks with text is an effective way of conveying an idea or drawing attention to specific features on your page, while adding some flair and texture. Not only should you experiment with various fonts and styles, but make sure all text, images, and elements are aligned properly for consistency and added to the look and feel of your site.
Aligning text on your site can be especially important, allowing for improved readability of what you are presenting. Grouping similar blocks together will keep the design clean and organized – something especially helpful when creating pricing guides, event posters or resumes with multiple lines of text to communicate.
When using an image block with text, you can modify your site’s design settings in order to accommodate its layout in your Admin by going to “Site Styles” and clicking “Image Blocks”. For instance, padding settings in Card or Poster image blocks may need to be adjusted so they fit smaller screens such as tablet computers and mobile phones – simply replace 640 with whatever padding value best matches your screen size in this code snippet.
Add a Text Block
When adding content to Squarespace, the Text Block should be your go-to block for creating headings, links, quotes, lists and more. With basic formatting options such as font sizes and colors available for customizing this basic content block.
Start by logging into your Squarespace account and visiting the page where you wish to add text blocks. Click “Edit” in the top-right corner of this page, which will bring up its editor and allow you to add one. When in there, select “Insert Point” with plus sign icon then “Text”.
Text blocks provide numerous basic formatting settings that you can use to customize how your text looks exactly how you want. These settings include:
Based on your desired style, some settings may need to be altered; for most users though, these should suffice as-is. For advanced styling needs, adding a CSS class directly to a text block allows you to apply custom styles directly – for this, simply click “Edit” then “Insert Point”, this way giving your block an ID at the bottom of the page and look something like this:
Add an Image
Squarespace provides its users with an expansive selection of website builder templates. Many are minimalist in nature and make use of images and well-placed text to create engaging web presences – perfect for drawing in visitors and making it easier for them to navigate your content.
One of the greatest advantages of choosing a Squarespace template is that it already includes features like responsive design and image resizing, which ensure that all images on your site will automatically resize to suit any device they are displayed on. This ensures your site looks just as great on desktop as well as mobile devices.
Squarespace provides its users with another great feature – adding captions to images – for further elaboration, SEO benefits and to increase click through rates. Furthermore, you can link images directly from within Squarespace or external websites.
Squarespace makes it easy to add animation to individual image blocks by providing the ability to do so through editing, selecting “Design,” then choosing the “Animation” tab and choosing the animation you would like for that block.
Add a Link
Drop shadows are dark overlays that appear over an image or text to give the illusion of depth and create depth perception. Drop shadows may also add three-dimensional effects or glow effects. They’re especially helpful when used to distinguish text from its background for easier reading, creating balance and harmony within compositions.
But when used incorrectly or excessively, drop shadows can create an unattractive design that’s difficult to read. Therefore, it is crucial that drop shadows be used sparingly and with caution, or else they could become overbearing and distracting – it is all about striking the perfect balance between functionality and design when dealing with larger text blocks.
Drop shadows can add visual interest and draw visitors’ attention to an otherwise plain text or image block, particularly when linked. They’re particularly helpful if your page serves as an FAQ list – for instance, visitors searching for answers can click directly through to the answer they seek with anchor links that lead them there.
To do this, highlight the text or image you want to turn into a link, then click the Edit button that appears above it. This will open an inline editor for this block of content, followed by selecting Insert/Edit link icon from toolbar at top and inputting desired URL before clicking OK.
