I have deployed my octobercms site on heroku successfully but it is not loading any css/js or image file. All links go to 404. External links are loaded but no local link is working. I have deployed it using Github.
I have tried all of solutions I found anywhere on web but none of them works. All laravel solutions are not working. I can't even access any file manually. Functionality of site is working normally.
currently this is how links are included:
<link type="text/css" href="{{'assets/css/custom.css'| theme}}" rel="stylesheet">
and this is how they are shown when rendered:
<link type="text/css" href="http://pandak-farms.herokuapp.com/themes/codejunkie/assets/css/custom.css" rel="stylesheet">
links should open but all of them are pointing to 404.
demo: http://pandak-farms.herokuapp.com/themes/codejunkie/assets/css/argon.css?v=1.0.1
Finally found the answer. Just setting up an env variable fixes the mixed content issue. set LINK_POLICY to 'secure' either in the .env file or in the config/cms.php
Related
One module in our Prestashop platform inserts the google link below:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,600,700,100,200,800,900%7CDM+Serif+Display:regular,italic&subset=latin%2Clatin-ext?ver=8739" type="text/css" media="all">
But the browser reports ERROR 404: But when I insert and check the URL into the browser manually - it works?
Does this kind of google link needs to be ref. to in a special way or does any other tags need to be added to it before it will work?
To be honest I'm not 100% sure how I got this right by click around in the dev. console. But this URL here works:
https://fonts.googleapis.com/css?family=Poppins:300,regular,500,600,700,100,200,800,900%7CDM+Serif+Display:regular,italic&subset=latin%2Clatin-ext?ver=7489
When I ran it on my system in my local server it was working fine but when I deployed it on GitHub pages Deployment, GitHub doesn't seem to load my CSS and the CSS was not applied on my file.
repository link: https://github.com/pawangupta5050/Facebook-Login-Clone
live-website link on GitHub pages :https://pawangupta5050.github.io/Facebook-Login-Clone/
You should consider using this...
<link rel="stylesheet" href="./assets/index.76858414.css">
Instead of this...
<link rel="stylesheet" href="/assets/index.76858414.css">
You can read more about HTML file paths here.
Error Message From Dev Tools
The Folder Structure of the project
How I linked this
So I am trying to Link local css file to thymeleaf but it has not been working. I was wondering how to link css to thymeleaf in this case. Thank you.
You are using href="#{/css/signup.css}", but you need to use th:href like this:
<link rel="stylesheet" th:href="#{/css/signup.css}" />
I am trying to build a theme using populr.me. I downloaded few themes from github. I ran them in localhost. These theme should fetch dummy-contents from lorem ipsum, and also should fetch images. But i see nothing while I run index.html in browser locally. I was connected to internet while running themes in localhost. What is wrong??
I just responded to your email. Sounds like your problem was resolved by updating main.less reference in index.html, and changing this:
<link rel="stylesheet/less" type="text/css" href="/styles/main.less">
to this:
<link rel="stylesheet/less" type="text/css" href="styles/main.less">
Please email me if you have further questions. Thanks for using Populr!
As said here,
the easiest way to test samples is to use a local web server. If you don't use a local web server, you will need to change every src and disable local web security.
Depending on your OS, it could be python, IIS, Apache, ...
I have a Bootstrap form made, but it doesn't appear correctly in Firefox... All other browsers seem to work. I've tried everything!
Here's the link: http://www.redmandesign.ie/bootstrap/form1.html
I think it's related to the bootstrap style sheet but I'm not sure.
Can anyone help, I'm really stuck!!!
<link href="css\bootstrap.css" rel="stylesheet">
<link href="css\bootstrap-responsive.css" rel="stylesheet">
Should be changed to:
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
Explanation: Firefox is sending a request for a file called css\bootstrap.css instead of asking for bootstrap.css in the css folder, which doesn't exist and the server replies with a 404 error. Don't you just love the subtle difference between the types of slashes? :P
In firefox , when you check for this link https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css. It shows this connection is untrusted. Accept it and Procced it from the browser. Now run the bootstrap file, it should work.