Not being able to use css file and bootstrap theme together in the project - plotly-dash

The changes I make in the s1.css file are not showing up in the webpage . can u please tell what to use :
Here is my code :
I tried adding an extra file 's1.css' so i can make extra changes to the css apart from bootstrap. What can I do ?

Where do you store the CSS file? It should be in: project_folder/assets/
Also, try to use some other theme or just general "BOOTSRAP" in your "dbc.themes." part of code.
I would need to see the whole code to be able to help you more.

Related

Bootstrap CSS & JSP

hope you're doing fine.
I am currently stuck with my Web App project. This is the context: I would like to code a Web App using J2E. There's a free template that I liked and thus I decided to download it. When starting to use it I notice the CSS isn't applied.
Instead of having this, I have this:
However I do not see where the error is. The CSS & Bootstrap files should be visible in the JSP file and IntelliJ recognizes them. However I can't display these files (whether css or even pictures) that are referenced in "href".
Here's the project structure and code, maybe something's wrong there.
I'm used to HTML and to my understanding JSP isn't too different. Are the referencings different though?
Thanks in advance for any help you'll give,
Fares
YES.
Found the answer. Put resources in different folder than WEB-INF.
I believe that, your HTML file is inside the WEB-INF folder, for the to work either remove the WEB-INF path
<link href='style/stylesheet.css'>
or move your HTML one folder up.

Bad request for css file after moving wordpress site

After moving a wordpress site i noticed it didnt look the same so i figured there would be something wrong with a css file, turns out one of the css files of the lambda theme has a bad request and the request URL is constructed weirdly.
The left screen is the one after moving and the right screen is the fully working one that was moved.
Any suggestions?
The problem here is obvious (even thought the solution is not so obvious), There is a incorrect link to the css file on the page:
http://www.laakland.nl/wordpress4/D:/www/laakland.nl/www/wordpress4/wp-content/uploads/lambda/stack-493.css?ver=4.8.1
Since you said you didnt know where this is coming from, you can start here:
Check header.php to see if the CSS is added directly
Check functions.php to see if the CSS file has been added there using wp_register_style
Any plugins might have added this too, so you might check there too.
For convenience, use an IDE to search for the text stack-493.css on the whole wordpress folder to see if you find the file where it is being added from and then fix the link there.
Oke i fixed it, i tried the whole migration through duplicator plugin process again, but on step 3 of importing, i removed 'path' (which was "D:/www/xxxx.nl/www/wordpress4") so that after removing that, i thought it wouldnt add the unnecesary part from amit's answer.
thanks all!

How could I modify "_vars.scss" file in a HTML5Up package?

I downloaded a package (HTML + CSS + JS) from this link: https://html5up.net/landed
And I tried quite a lot of times to modify the "_vars.scss" file, because I want to change the color of buttons ("accent1" in the file). And I always fail. It seems that whatever I do to the "_vars.scss" file, its impact on the webpage remains the same.
So what is wrong here? And what should I do if I want to change the color pallette of the page? Many thanks.
The _vars.scss file is a partial (as denoted by the underscore), so you'll need to recompile main.scss (which imports the partial on line 1) for any changes you make to _vars.scss to show up in your CSS output.

HTML to nopCommerce theme

I am new to nopCommerce and trying to make HTML to theme on it I googled lots of things but not able to get proper way to create customized theme nopCommerce, can any one help,
Thanks in advance
The easiest way:
Copy the folder at ~/Themes/DarkOrange to ~/Themes/YOUR_THEME. Modify the corresponding items in theme.config.
If you need to change any view, copy that view from ~/Views/SUB_FOLDER/FILE_NAME.cshtml and paste it under ~/Themes/YOUR_THEME/SUB_FOLDER/FILE_NAME.cshtml.
For example, if you want to change the code in ~/Views/Shared/_ColumnsOne.cshtml, copy that file and paste it under ~/Themes/YOUR_THEME/Shared/_ColumnsOne.cshtml.
If you do not need to change any view, then modifying ~/Themes/YOUR_THEME/Content/styles.css is enough. (Also make sure you update ~/Themes/YOUR_THEME/Views/Shared/Head.cshtml to point to your CSS)
Rule of Thumb: nopCommerce will look for the specific view in your theme. If it can't find the view then it falls back to the original views at ~/Views. Otherwise your theme's views override the original views.
In addition to the Designers guide there are some nice articles describing why and how to use nopCommerce themes:
Why nopCommerce Theme?
How to create nopCommerce themes
A little help here: Overview (Designer's Guide)
Copy all the files inside ~/Views to your Themes: ~/Themes/YourTheme/Views
Then just modify any .cshtml file inside.
I hope it helps!

Joomla Background Image?

I'm sure there is a very simple explanation for this but... How do I add a background image to my Joomla site? I am using a modified version of Atomic. The obvious thing to do would be to simply go into the template.css file and add a background-image property to my body or divs... however, it doesn't take. If I change the background color however that works fine. Perhaps the path is incorrect but I've tried it a hundred times and I doubt I'd get the path wrong every time. I've even tried placing the image file in the root folder, thus eliminating the possible mistyped path to the file.
Any ideas?
Thanks.
Editing the template CSS file is definitely the way to do it. This should help -
Folder to put image in:
JOOMLA FOLDER/templates/atomic/images
CSS to use:
#ID.class{background:URL(../images/background.png);}
If that doesn't work, post a link so we can debug for you.