![]() Because it's just a flat colour it won't deteriorate in quality. Squarespace will stretch the image to fill the background area. Repeat for each index page you want to have a background colour Click Media and upload your square colour jpg as the background image. In Squarespace go to the settings menu of a page within an index. Fill it with a colour of your choice and save the image as a jpg. ![]() In a photo editor such as Photoshop, create a new image that is around 50 x 50px. I get a lot of requests to have a flat colour rather than a background image. Not all Squarespace templates have this feature so I've listed a selection of templates that do below. Squarespace uses the Index page feature to help you achieve these sections and you can upload background images for each index section. Segmenting content into strips/sections/slices with different coloured backgrounds keeps content about the same content grouped neatly and separate from other content topics. How to add custom font to your navigation menu items in Squarespace using CSS Method of CSS injection used: Universal The lovely Beatriz over at Thiry Eight Visuals has done it again. To change padding on individual sections: Click Edit on a page, then click the pencil icon on a section. Scroll down and use the padding and spacing settings to set the amount of space in the header. Squarespace CSS: 10 ways to customize your sites navigation. Click Full or Inset to set the width of the header content. Squarespace CSS: 10 tips for customizing your sites fonts & text blocks. Whatever you call them strips, sections, slices these are a great way to make a long scrolling page interesting and easy to scan. 10 Squarespace CSS tutorials for your site navigation 1. Squarespace CSS: how to target specific pages, sections, or blocks on your site. This is one of my top Squarespace tips for creating colourful, engaging websites.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |