CSS not saving in Live Server (VS CODE) - javascript

I started learning VS Code through Udemy and I already have one problem that I can't find answer anywhere. In the project I have index.html, style.css and script.js. Now when I try to save the html, the page reloads and everything from the html is applied, the same with javascript, but when I try to save the CSS, the page reloads but everything from the CSS is not applied to the page.
How can I fix this?

First try to add internal CSS then it works check that you correctly linked your style.css and js to index.html.if you provide a screen shot of your vs code i think it's better and easy to give a solution because when linking to html you need to mention correctly file paths.

Make sure that your style.css is linked correctly to your html page.
Then clear the cache of your browser when you reload.
On chrome => ctrl + f5

Related

Uncaught ReferenceError: d3 is not defined in WordPress Visual Composer

I want to edit some images which can only be done in WPBakery Page Builder. So, when I try to edit the page with it, the frontend editor (page builder) doesn't loads. Console shows the following error:
Although, the library script tag is added before the tag which is using this library:
I don't know if any of this makes sense, but, yeah, I have tried these solutions because they were mentioned on different forums:
Adding charset="utf-8" to external script tag.
Moving the script tag inside Raw HTML element.
Using $(document).ready(function(){}) to enclose the whole of second
script. So, that it loads after everything is loaded.
Unfortunately, none of these worked for me.
The page builder works fine on pages where I don't use the d3.js library. And, the visualization works fine WHEN NOT IN PAGE BUILDER - the library loads up and the visualization is displayed. You can check it out here:
https://conductscience.com/age-when-charles-darwin/
Also, please note that I don't have access to any of the theme files. So, I can't make any changes to functions.php or any other file.
Your question is related to the WPBakery, not Visual Composer plugin. You need to have the latest version 5.7 in order to fix this issue. More information, contact support.wpbakery.com if you have a valid license.

CSS file works offline but not when uploaded to webserver [duplicate]

This question already has answers here:
How to force browsers to reload cached CSS and JS files?
(57 answers)
Closed 2 years ago.
I just completed my portfolio website and uploaded it to a subdomain of my parent website.
Now the website works fine except that my main styling CSS doesn't work, no errors in the console, nothing. It just doesn't work. I verified it by placing the CSS in <style> tags in the head of my index.html and it worked but then it messed up with my paroller.js plugin, no errors in the console but paroller.js stopped working.
If I include the CSS like I've included it offline (in a separate file, like I always do and it always works on the same web server) it just doens't work. If I include it in the index.html my paroller.js plugin stops working.
Everything works fine offline.
I'm importing the CSS like this - <link rel="stylesheet" href="folername/filename.css">
Please note that I am loading multiple CSSs and this one is the first to be loaded. All other CSSs seem to be working.
The webpage is located at - https://yadullah.piware.tech
I noticed something strange... I accessed the main CSS and JS files using yadullah.piware.tech/foldername/filename and noticed that the files weren't updated. I refreshed the page a couple of times and they updated themselves.
The webpage is working perfectly now.
I believe this has happened due to the server taking time to update/replace the updated files. Still, if anyone has got any better explanation for this please let me know.

Using Nivoslider with Gumby

I am trying to use Nivoslider with Gumby, but everytime I copy the code into my homepage, it just doesnt work. The demo works fine, I moved that across into the Gumby folder and works no probs, its just when I put it into a gumby page.
Has any one else had this problem?
Check whether there is any URL for files like css, js. If it is web, download that file and use it in your local.

HTML file not working in Browser

I have created a simple - HelloWorld.html Webpage with HTML, JavaScript, CSS.
When I run it from Eclipse IDE, It works perfectly on browser.
What it does is like: the page has 5 buttons,
and hellow World is displayed from 5 different <div>'s
that remains hidden and appears as inline after button click.
When I navigate to the work-space and try to open the HelloWorld.html file in browser manually, nothing comes correctly.
All properties: positions and bgcolors etc declared in external css file has no effect on browser.
I know it sounds stupid, but I'm just hating myself for this.
Does anyone know why is it behaving in this way?
PS:
1. I have no Server-side scripting in the file.
2. HTML, JS, CSS are different file.
My best guess would be that you are trying to use the css file with a realtive path, which changes when you don't host it temporarily as eclipse IDE does.
First, open the developer toolbar (f12) & check the network tab to see if the css file is being loaded at all.
Try using an absolute path instead & see if it changes anything.
In my Exp. i have seen this kind of problems many times, the Inbuilt browser of eclipse some times does not support all features especially when you doing like designing purpose.
you can use MS-IE 6 or Above version for same.
or you can try some other browsers like:- Mozilla,Chrome etc.
because it has features for developers for scripting , div , css and many more . so u can check with them.
Thanks,
Arvind
It's because of file manager from which you have opened.
You just need to see the link in browser.
If it has a "content//:" in start then the css or JavaScript file you have linked in the HTML will not work.
What you need to do is change your file manager or create link manually.
To create a link manually you should use "file///:"in start for example if your file is in download then you should use something like that....
file:///storage/emulated/0/Download/My%20Web/index.html
Or you can use ZArchiver file manager and go to your file and use open with option to open file in browser.

Downloaded aspx website does not display well

I have downloaded a aspx webpage and saved it as html. I open it in IE and chrome and it takes time to load + some parts are missing. All the text is there but the onmouseover is not working properly and some css is not displaying correctly. Was the content not downloaded completely? i.e is it missing sme javascript, css or else?
I have done what you describe on many occasions for the purposes of putting together a prototype of new functionality in an existing application.
You will likely need to do a couple of things:
Ensure the paths to your JS and CSS resources are right (removing the unneccessary JS files, if any)
Also, you will likely need to update the paths in your CSS to any image resources in your page

Categories