0:01 Now, following on from that, that I want to talk a little bit about CSS override for global styling. So some people use the CSS override quite a lot, some might not.
0:17 It's a way in which you can apply CSS in one location on your storefront, and then it will apply sitewide.
0:25 And you can make it so that stuff in there to focus target one particular location, one particular box on one particular page, for example, or you can make it so that it propagates information to the entire site, for example.
0:39 So if you want to customize your header a little bit more, you could do it in CSS override. And then it will show on the header, everywhere the header is shown, for example.
0:50 So, I've got some examples of it here in these little screenshots. This actually refers to that HTML content block I was just talking about a moment ago.
1:02 So the actual styling that we saw on there actually comes directly from the CSS override and it actually means that I put it once in the CSS override and then it will automatically we show absolutely everywhere, the named elements of the code are required.
1:23 So rather than having to put the style sheet on every individual page, for example, you could just have it in the one location, the CSS override, and it will be used everywhere if necessary to use.
1:36 So the example I've got here. If I look at what that was like before putting CSS in the CSS override, it was just plain text, it was a plain paragraph, there was no styling or anything like that.
1:52 If we then go ahead and apply our CSS to the CSS override, which I'll show in a moment, that automatically means that with a simple refresh, I get that styling to everywhere that particular element is shown on my site.
2:08 And that's just a simple example of course. So if I go to my admin area and go to CSS override, this is the area you would apply this.
2:27 It's simply okay, you won't be able to see this this one here. I think this is an admin only, but you should be able to see this upload a new CSS file.
2:38 If you've not got anything in there at all, just add your CSS to using visual studio code or something like that.
2:48 Again, this is another place where AI is great. AI is fantastic at creating code. So if you're just making some basic changes and basic amendments, you can get your AI tools to generate CSS for you if you're not familiar with the language.
3:02 We can say just upload that file, or if you've already got some CSS in there, you can download the existing file and then amend it and upload it again.
3:15 And that's basically it's on that one. Now what I do need to make clear. If you do start playing around with custom coding, wherever it's used in the system, but CSS override is a primary one.
3:30 Any that you do you are responsible for because it's custom code it can't be supported by infigo support because it could go in so many millions of directions it's not covered by our support charter.
3:44 So do use caution when you're making custom CSS changes.