Support Center

How can we help you today?

Apply a Custom Css file to your site using Change the Look Page

Modified on: Mon, 23 May, 2016 at 3:47 PM

If you want to apply some specific branding to your Site, without touching the master page, or site original CSS files, you can do this easily from the "Change the Look" page, which you can access it from the "ShortPoint Dashboard".

In this article, we will walk you through the process of having your external stylesheet applied to your Site, using ShortPoint Change the Look page.

Step 1: Upload your CSS file to Site Assets ( Optional )

because "Change the Look" needs a URL to your CSS file, then you need to upload your CSS file somewhere and have it accessible through a URL.Your CSS file can be uploaded into your Office365 Site, your Website, or even a third party service.

But for the purpose of this demo, we will upload it to the same site.

Open the Settings Menu, and go to Site Contents

Then click on Site Assets Library

Click on the Upload button

An "Add a Document" dialog will appear, click on "Browse" to pick up your CSS file

Navigate to your desired CSS file to upload, and Click "Open"

Then in the "Add a Document" dialog click "OK"

Now your CSS file is successfully uploaded into your Site Assets library.

Open "Menu Dialog" for your CSS file to Copy its URL

Step 2: Add your CSS file URL into Change the Look Page

To apply your CSS file into the current site, we need to go to the Change the Look page from the ShortPoint App Dashboard page.

To do this, open again the Settings Menu, and go to Site Contents

Then click on "ShortPoint Online" app

Which will open the "ShortPoint Online" App "Dashboard Page", Click on "Change the Look" page

And "Paste" the URL of the CSS file we copied previously into the "Custom CSS Link" field in the page, and hit "Save Changes"