Pi-hole and SSL (Nginx webserver)

Help Community Help
1

Hi all,

We have Pi-Hole installed with a web server and nginx.
Without an SSL certificate, the website is cleanly displayed in the browser.
We'll set up an SSL certificate (letsencrypt), the icons are very large, and it has been the site of its context, is drawn.
The site seems to be fully working.

What's going wrong here?

This site is the config of nginx:

location /admin {
root /var/www/html;
index index.php index.html index.htm;
}

And the site as a subsite that is to be displayed.

Thanks

2

Some pointers (not for TLS though):

https://docs.pi-hole.net/guides/webserver/nginx/

3 
Hello,

We have implemented this config.
Unfortunately, we are still getting large icons. The ratio of the icons is not correct.
See the attachment.

Kind regards,

Johan

foto1
foto11575×897 263 KB

foto2
foto21600×900 219 KB

4

Sorry, cant help you with that as I have little experience with nginx.
Try search Discourse here.

5

What's the F12 inspection show? Any assets being blocked?

Looks like the CSS is messed up for some reason.

6

Exactly like DanSchaper said, your image shows some files are not loaded.

These icons are SVG files. The web interface uses a javascript file (style/vendor/font-awesome/js/all.min.js) to load some CSS rules and format SVG icons. Without these CSS rules the icons are not correctly formatted (size, colors, position, etc.).

Check if nginx configuration is allowing this file to be served.

7

This topic was automatically closed 21 days after the last reply. New replies are no longer allowed.