As you can see in the inspector the file site.css is loaded which is where I have my styles that should overwrite bootstrap, but does not load the new content I write, what is this?
For cases of wanting to overwrite, effectively some css file is in your body add an ID
<body id="file-override-custom">
and then in your css file modify the tags following the corresponding inheritance.
#file-override-custom .series-list li:last-child{
border:none;
}
It would be interesting if you show us how your classes are in the file site.css
First of all make sure that your file is included correctly in the <head></head>
of the page.
To overwrite a bootstrap style in front of your style, put this% co_of% example:
.mi-clase{ color: #ececec !important;
font-size: 2.0em !important;
background-color: #000 !important; }
With this you should be able to overwrite the bootstrap styles.
Verify that your link to the css in the head is after the link to the boostrap in the index, and in case some aspects are not overwritten, use! important.
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/ **tuestilo** .css" rel="stylesheet">
in this way