Using Dropbox to host CSS files

How to host css stylesheets on Dropbox

It’s easy to host CSS stylesheets on Dropbox where you can store a CSS file for a custom Feedwind widget without having to store a CSS file on your own server. This is particularly useful where you are using an online platform such as Wix or Weebly to build your site. Platforms like these do not have the facility for storing CSS files, so Dropbox is a great solution.

First you need to create your custom CSS file. Depending on what sort of widget you a building (RSS widget, Facebook page widget or Google Calendar widget). You can use any code editor or plain text editor to create your CSS as explained in the relevant support documents for CSS.

Once you have created your stylesheet and saved it as a .css file, you can then upload it to Dropbox for later use.

Get the URL for your .css file

On an Apple Mac

On an Apple Mac, Open your dropbox, and locate your .css file. Right-click on the file and select “Copy Public Link.” This will copy the publicly available URL for your .css file to your clipboard.

host css with dropbox

In a windows-based browser

In a windows browser, Dropbox display things a little differently from the Apple Mac version or the Dropbox app. Below are example screenshots for the Windows browser:

dropbox can host css files

Grab the custom .css file link for use in Feedwind by clicking on the “Share” button alongside your .css file in the Dropbox file list. The following modal will appear:

use dropbox for css

The URL will look something like this:

https://www.dropbox.com/s/j0vdhe8owoolgh5/custom98.css?dl=0

To use this URL in FeedWind you will need to make a small adjustment to the URL by changing the www. In the URL to dl.

e.g. www.dropbox.com/../ becomes https://dl.dropbox.com/../

When you have your new URL e.g.

https://dl.dropbox.com/s/j0vdhe8owoolgh5/custom98.css?dl=0

You can then use this .css URL in your RSS, Google Calendar or Facebook page widget setup screens