![]() To see it in action check out this video tutorial I made on customizing your Squarespace gallery blocks. I haven't been able to find many posts that address this issue, though I keep seeing 'display: flex' brought up as a potential solution. If you're interested in creating your own simple CSS from scratch, I recommend using Google Chrome's inspect tool. I'm trying to figure out how to make three text blocks-arranged side by side-maintain equal height as you resize the browser. Now, CSS can get a lot more complex, but understanding that will come with practice (not so different from learning math, or Spanish □) You could change the weight to '400' to make the text thinner, or change the transform property to 'uppercase'. Here you can see that all Heading 3 text on the site will be changed to the 'Stardust' font. Right? So if you needed more or less space, all you'd have to do is adjust the number to your desired effect. You'd be able to guess that any image block on the site will have 10 pixels of extra space to the left of it. This is customisable in DESIGN > STYLE EDITOR to an extent, but targeting with CSS will allow you to do -editable-button. NOTE: 'first name' and 'last name' can be targeted using. However, if you do need to make a tweak to your code snippet, I love CSS because it's oftentimes easy to guess the purpose of each line.įor example, if you were to see this code: By default, Squarespace uses your body font settings. (I'm sharing some of my most-commonly used tricks at the end of this post.) All you have to do is copy and paste them and oftentimes that's enough! The great thing is there are thousands of CSS tutorials out there that you can swipe for free. You can skip to my 5 favorite CSS customizations here. So I have confidence that if you're curious about what tweaks you can make with CSS to make your site just a teeny bit more custom, you can totally get comfortable with it too. Absolutely none! And yet I now can't live without it. Although they have fantastic help guides for the built-in style settings and more, custom code falls outside their scope of support.Īnd that's why I'm here to help! I use CSS with every single website (anywhere from just 3 lines of code to 500 - completely depends on the project)!Īnd get this: I have NO formal training on code. There is a catch though: this is one thing Squarespace doesn't offer guidance on. ![]() And every Squarespace plan includes unlimited use of CSS. That's where using a bit of custom code comes in. BUT I get it, there are limitations to how much you can customize your site using the given features. Squarespace is a FABulous platform to get a beautiful website up and running, quickly. This post contains affiliate links, and clicking them could help me earn a little something on the side.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |