Apotacyll Apotacyll - 4 months ago 51
HTML Question

how can i check where the google font request is coming from?

I recently installed a SSL certificate on my (prestashop) website.
my site won't diplay a green bar because:
Mixed Content: The page at 'website' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700'. This request has been blocked; the content must be served over HTTPS.
i don't even use this font.
i checked some css files and tpl header files but i can't find where this request is coming from.

when i inspect elements in google chrome the only thing i can find is:
'http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700'

is there a easy way to see from wich file this request is coming from?

Answer

The request is being made from static-captions.css

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700);

.tp-caption.roundedimage img {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}

enter image description here

Give it a try with this

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,300,700);

.tp-caption.roundedimage img {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}

Maybe google will rewrite the schemes embedded in that css response.

It seems like it's a prestashop module causing the issue. Is there a module named "Rev Slider" or similar. Try removing that and see if the issue goes away.

Comments