Style_Section_(WL)_1280x720.mp4

00:00:01

This is the style section that you can customize for your platform

00:00:06

In this section, you can change the default color as well as the default font and even upload your own logos for your platform

00:00:14

Now, one thing that's important to keep in mind is that any changes that you make here aren't going to show directly on your account because you're logged into our platform and we control what you see

00:00:24

on our platform

00:00:25

This is for your platform that you have to set up first

00:00:28

So, you're going to want to make sure you have your general and domains all set and that your platform is assigned to URL and then you can create users and then log in as those users

00:00:38

and they will be able to see these changes

00:00:40

So, from here you can see the default color scheme is blue and you can change that to any one of these colors that you'd like for example red

00:00:49

And when you save this, this is going to update for any of your users on your platform

00:00:54

So, this other tab here is my platform and you won't notice anything right away but once you refresh the page or log back in, it'll update those changes and change that default color to red

00:01:05

You can also change the primary font as well and that'll change the font on all the tabs on the side and most of the platform as well

00:01:13

It won't change anything in the websites because that's for users to control

00:01:16

But this will change for the platform itself and see that font has changed and you can also upload your own logos as well

00:01:25

Now, this is important that you use the proper size for these logos in order for them to show up properly

00:01:31

You can see here the description

00:01:33

It'll show you the ideal size that you want for the main logo

00:01:36

It should be 350 by 150 pixels

00:01:40

The square logo should be 200 by 200 and the favicon should be 48 by 48 in a PNG format

00:01:47

So, once you have those images in a nice clear image file, you can upload those files so the main logo we can upload here

00:01:57

And once you save that, what that'll do is when we go to our platform, you see how we have nothing here

00:02:05

Once we refresh, it'll now show our logo within that platform

00:02:10

And that'll also show up on the homepage and the login page as well

00:02:14

When users log in, they'll show you that logo

00:02:16

You can also do a square logo for any smaller versions of that logo

00:02:20

So, we have here, this is our square logo for Moby first

00:02:24

And this will show up on the platform

00:02:25

That's if it's ever compressed or any place that needs a smaller logo

00:02:30

One example is once you refresh this page, you can actually shrink this bar right here

00:02:35

It'll allow you more room to work in the main platform by clicking this button

00:02:39

When you shrink that, you'll see that square logo right there

00:02:42

So, you can still brand your platform just as easily

00:02:45

And the favicon is what's going to show up in the actual tabs in the browser

00:02:51

So, you see here on this platform, our main platform, it has the actual Moby first logo

00:02:56

But over here, it's just a default squares logos

00:02:59

You can change that by uploading your own favicon

00:03:02

And you're going to want that to be in a PNG format

00:03:06

So, once you upload that, it will change that logo right there

00:03:14

You see how that is now updated and changed within your platform

00:03:17

So, you can easily brand your platform by just uploading your own logos

00:03:21

You can also add custom CSS to your platform

00:03:25

And this is going to further customize the style of your platform

00:03:28

Now, this is a little bit of an advanced feature

00:03:30

If you're not familiar with any CSS, I would recommend avoiding this for now and just leaving this blank

00:03:37

And once you do get some more familiar with your CSS, you can try a little bit of experimentation preferably in some websites first to see how CSS works

00:03:45

Once you've seen some stuff that you like, you can then add that to your custom CSS right here

00:03:50

And then once you save it, it'll update for everything within your platform

00:03:54

And that's how easy it is to update your style