Have you ever wondered how your brand could catch customers' eyes on the spot? Well wonder no more because Custom CSS can do it for you! In this article you will learn how you can make your top bar logo bigger by using custom CSS.

1 Go to admin menu and select Appearance

2 Since you are changing the appearance of an "internal element" (any element inside your school), select the "Built-in pages" tab.

3 Now paste the following code: 

.-logo-bar {width: 45px;height: 45px;}


.-app-title {padding-left: 53px;}

(You can easily adjust the size according to your taste)

4 Press "Save" when done and you are almost there.

5 Enjoy your brand new top bar button!






That's it, you did it!



Note that in the "Custom CSS" section of your LearnWorlds site you may find all sorts of ready-made CSS snippets that you can use to customize the look and feel of your LearnWorlds site (e.g. changing the color of your site's navigation panel, hiding whole sections, make your topbar logo bigger, hide all course ads, etc.)


If you want to change the appearance of your central menu using custom CSS then you simply have to follow this link:

http://support.learnworlds.com/solution/articles/12000024713-change-the-appearance-of-your-central-menu-with-custom-css