I’m new to Bootstrap. Using version 3.
I’m using a "custom.css" file to customize the design of my website.
The problem I’m seeing is that none of my customizations work unless I put "html" at the beginning of the relevant line.
When I put html at the beginning of a line, the change does take effect, so I know the file is working.
Can anyone help with this? I’ve used custom css files before, and I’ve never seen this before.
you have to import CSS file to correct location at HTML file also please share your code for find solution quickly
Related
In Jupyter Lab, I just want to change the color of bold texts in the official light theme, just as a way of making simple highlights to avoid using HTML.
I've searched for several solutions but no one works for me.
The basic idea is to edit the index.css file, adding a code snippet like strong {color: #xxxxxx;}.
But the problem is there are more than one file named index.css exists, like C:\ProgramData\Miniconda3\Lib\site-packages\jupyterlab\themes\#jupyterlab\theme-light-extension\index.css, C:\ProgramData\Miniconda3\share\jupyter\lab\staging\node_modules\#jupyterlab\theme-light-extension\index.css, C:\ProgramData\Miniconda3\share\jupyter\lab\themes\#jupyterlab\theme-light-extension\index.css.
I changed every one index.css mentioned above and failed in the end, so does anyone know what is the solution for now? Since I have little experience in CSS, so if I made some stupid mistakes, please let me know, thanks.
I made some changes recently on my themes, so, according to my experience:
The file you must to modify is the one inside the "share" folder: share\jupyter\lab\themes\#jupyterlab\theme-light-extension\index.css
The only bold texts I found on my code mirror are marked as "Keywords" (i.e. import, for, in, try, def, etc)
If you want to change these bold text, you must to modify inside your index.css file the --jp-mirror-editor-keyword-color variable.
Here is my current issue : I am using a custom child theme (from Parabola, Cryout Creations, last version), but it seems that the editor-style.css file is not up-to-date. Rather than rewriting everything, I would like it to contain every css used on the front-end, so TinyMCE looks as close as the published page/article (this is important).
In order to do that, I have created a new editor-style.css file in my child theme, so it overrides the not-up-to-date file. So far, it includes the style.css file from my theme, but it lacks a lot of CSS from WordPress Core : the ones written on line 60 on the index file : http://nouveau.domaineloupia.com.
So, how to add this “core CSS” to my editor-style.css file ? And would it be the best way to do this ? I have seen many stuff talking about the add_editor_style function, but I do not know if I could use it to do what I want nor how.
Thanks for reading so far, and thank again in advance for any help you could provide !
You could just use #import url("YOURCORECSS.css"); in the top of your `editor-style.css' file?
But that tends to slow down your pages.
I have a question about SCSS. I am new at this, so if I'm not providing enough information please let me know so that I can update my question.
I am currently working on a Wordpress installation that has an SCSS directory, with all of the various .scss files.
I tried editing the files directly, and came across a lot of issues. I did some research, and it looks like the scss needs to be compiled into css so that the site can read it. Issue is, no matter how I try, it just simply doesn't work. The site styles break, and the updated code won't work. I know I can change the css directly, but I understand that if the scss is recompiled it will remove my direct css changes.
Any help would be so appreciated.
If you don't have any way to compile the SASS to CSS then an easy way to translate your code is by using sassmeister.
I think I'm having a ghost here or maybe I'm to newbie to figure out how to fix the issue. So, in my index.html I'm linking a css file which doesn't exist anymore and when I open the index page Django still renders it. Also, if I try too create it again and styling different it doesn't work nor to link another file, simple don't work, don't wanna recognize it. It's like the old file is saved somewhere and I cannot override it.
Do you have suggestions? I tried everything what came to my mind, even deleted and recreated the db.
Thanks!
I recently setup django-grappelli on my first django app. While I like the way it looks I want to customize the colors, and other CSS.
From my research, it looks like I will have to use Compass but I've never used Compass before and want to double check that this is the best method before I embark on that path!
Is Django-grapelli even the right choice for some one that wants to customize the color theme?
Things I tried
Modify the CSS in the Grappelli stylesheets but they are formatted in a way that makes it tedious.
Extend the style sheet but I am not sure where to do this for the admin.
Create a custom.css but could not figure out where to put the path
Thanks for your advice!
It seems to me like Compass is just a tool to write CSS. I've never used it, but at the moment I don't see how it could make modding the admin interface any easier than doing it manually!
Whenever I make changes to the admin (I've made changes to Grappelli, like you're trying to do), I always use what you've listed as number 2. I've never had any troubles! I can try to help you out, if you'd like to try again.
What I do first is go to my Python install directory and copy the Grappelli source from Lib/site-packages. I put this code in my project directory as a project-level app. So, if you're using Django 1.4, you'll have a folder that has your project folder as well as manage.py in it. Put the code there.
Then, using your favorite web developer tools (I prefer Chrome's), figure out which stylesheet you need to modify and which css file it's in. I do this by right-clicking the element and selecting Inspect Element. This brings up the dev tools, and at the right it tells you the css file its referenced from as well as which line its on. If you open up that css file in your favorite text editor and make changes to it, it should work!
Let me know if you're having any trouble with this. I can try to help you out further.
(and, P.S., I wasn't trying to be pedantic with a basic overview of the use of Chrome's developer tools. I was just trying to be helpful by not assuming anything. I hope you don't take it as an insult.)