WordPress + Docker + Traefik + Cloudflare not loading css

So I am trying to build a new setup, using docker compose. I have managed to get it working for the most part. But the site will not load style and the console will throw errors:

`Mixed Content: The page at ‘`[`https://XXXX/`](https://aprendertest.untutor.nl/)`’ was loaded over HTTPS, but requested an insecure stylesheet ‘`[`http://XXXX/wp-includes/blocks/navigation/style.min.css?ver=6.2.1`](http://aprendertest.untutor.nl/wp-includes/blocks/navigation/style.min.css?ver=6.2.1)`’. This request has been blocked; the content must be served over HTTPS.`

Now the setup in docker-compose is as follows:

`version: ‘3’`

`services:`

`wordpress:`

`image: wordpress`

`links:`

`- mariadb:mysql`

`environment:`

`- WORDPRESS_DB_PASSWORD=XXXX`

`- WORDPRESS_DB_USER=XXX`

`ports:`

`- “32010:80″`

`volumes:`

`- /home/XXXX/docker/wptun/html:/var/www/html`

`networks:`

`- backend03`

`- traefik01_web-net`

`labels:`

`- “traefik.enable=true”`

`- “traefik.http.routers.XXXXX.rule=Host(\`XXXX\`)”`

`- “traefik.http.routers.XXXXX.entrypoints=web”`

`- “traefik.docker.network=traefik01_web-net”`

​

`mariadb:`

`image: mariadb`

`environment:`

`- MYSQL_ROOT_PASSWORD=XXXX`

`- MYSQL_DATABASE=XXXX`

`volumes:`

`- /home/XXXX/docker/wptun/database:/var/lib/mysql`

`networks:`

`- backend03`

`networks:`

`traefik01_web-net:`

`external: true`

`backend03:`

Cloudflare is set to flexible SSL.

​

This all works fine as a general method for other sites. Does anyone have a clue on why it wouldn’t work here?

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer