Global Styling

Global styling allows you to change your colors and your topography connected to global styling in just a few clicks across your website. Here I have a specific scheme. You can see I have green and I have orange, and then I have used specific fonts, and I've tied these into global styling. The global styling is accessed from the sidebar on the left, where you see the little paint brush that says styling. At the top, you have presets, and these are colors and topography assigned to a specific preset. You can cycle Go through them and look how quickly your website updates with these presets, giving you a little bit of an idea of what else you can do with the website. The colors are locked in here with these swatches below and the topography presets below that. If you want to bring in your custom, choose one of the styles to change, and then you can bring in a Hex code for the color, or you can go ahead and just make the color changes as you see fit. Topography is divided into various kinds of presets for heading one, heading two, and paragraph, and you'll change them on a one-by-one basis.

If I want to go to notice there for my paragraph, This will update everything on my page that is set to paragraphs. Observe this one over here as I filter through various kinds of fonts. You can see how it updates in real-time. Together with this, you can also make presets for the size, weight, line height, and letter spacing. And this not only applies to what you see on the desktop, but you can also select a tablet and a mobile device and then make those changes as presets for those displays as well. This way, you go through all of these and you set them up exactly the way you want them to appear on your site for each and every of these various settings. You can add your own year at the bottom by clicking Add New and then set it up. Where you apply these is whenever you bring in a text element, it brings in placeholder text that is set under topography to the paragraph setting. From the drop down, you will see everything is here and also those custom ones that you have created. So you can make changes here and you can change them out.

And then, of course, if you need to update them at some point, you just go back to the global styling and update them there. Also, note that the heading one to heading six comes with HTML tags that you can can access on the settings within the text toolbar at HTML tag, and you can change them here if you needed to.