Linking to external stylesheet in custom code

Hi There!

I have a question about external stylesheets.

I’m trying to add custom CSS for iPad Pro Portrait and Landscape.
I’ve successfully added the CSS for iPad Pro Portrait in the Head Code but if I try to add the Landscape code it exceeds 20,000 characters.

I hosted an external stylesheet in dropbox and have added the following line to my Footer Code:

<link rel="stylesheet" type ="text/css" href="https://dl.dropbox.com/s/82xm5zu4h2ttpuh/distinct-ipad-pro.css">

Doesn’t seem to work though. I tried adding to the Head Code too, but no luck either.
I’m sure this is super basic but not sure what I’m missing?

Any help would be appreciated.
Cheers!


Here is my site Read-Only: https://preview.webflow.com/preview/distinct-test?utm_medium=preview_link&utm_source=designer&utm_content=distinct-test&preview=43bed3e3d88207b4d98d1cba0927f913&mode=preview

I would highly recommend not using dropbox nor google drive, they are not really meant to CDN files. Instead, you could use github and jsdeliver. Simply create a free account on github, create a depository and upload your file, then reference it with jsdeliver.

url would then looks like so:
https://cdn.jsdelivr.net/gh/yourname/yourrepository/yourcssfile.min.css

2 Likes