Hosting CSS on Google Drive

  • Created : Jul, 28, 2020
  • Last Updated: Aug, 24, 2020

How to host CSS files on Google Drive for custom design widgets

Easy Steps

After uploading CSS files to Google Drive, please follow below steps:
  1. Right-click on your Google Docs CSS file and select “Get shareable link”.
  2. Click the Copy Link option.
  3. Your Google Drive CSS File URL https://drive.google.com/file/d/FILE_ID/view?usp=sharing
  4. Convert the URL to the patterns below: https://drive.google.com/uc?id=FILE_ID&export=download
    1. Change /file/d/ to /uc?id=
    2. Change /view?usp=sharing to & export=download.
  5. Now you can input the URL to Custom CSS link under General > Advanced settings: https://drive.google.com/uc?id=FILE_ID&export=download.

You can host CSS files on Google Drive, so you don’t need to have your own server for custom Feedwind widgets. It is useful for online platforms like Wix and Weebly for building websites, as these platforms don’t store CSS files.

You can create CSS files with any text editor and upload them directly into your Google Drive. To work with FeedWind, set the CSS document’s permissions to “Anyone can view” in the sharing options. See our tutorials on CSS customization instructions on how to use CSS files with various content sources like RSS, Facebook, and Google Calendar, or check our quick guide below.

Google Drive Step 1

Google Drive Step 2

Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now