How do I secure a stylesheet?

4
votes

Can anyone clarify this message? I think it's why I lost all my styling on my shopping cart.

Mixed Content: The page at 'https://www.redsgear.com/checkout/cart/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Oswald'. This request has been blocked; the content must be served over HTTPS.

3
htmlcssmagento
Please read the FAQ on how to post proper questions. - Diodeus - James MacFarlane
Where is that located? - bmhxt5
When you went to post your question there was a big box on the right: How to ask a question. The issue here is, questions should be self-contained. They should not expect people to visit your web site and reverse-engineer what's going on there. - Diodeus - James MacFarlane
Thank you, I attempted to provide images, but was kept from doing so, as my reputation score wasn't high enough, hence my issue. - bmhxt5
The stupidly easy way: add an s: https://fonts.googleapis.com/css?family=Oswald' - serakfalcon

3 Answers

11
votes

change http://fonts.googleapis.com/css?family=Oswald to //fonts.googleapis.com/css?family=Oswald

1
votes

simply change HTTP to HTTPS in your source code.

0
votes

I came across this issue just recently using the ionicframework CDN, hosting files with GitHub pages and lalna s m's method above worked.

Changed http: 
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">

To https:
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">