i cant change color in webpage

Question

https://www.sololearn.com/compiler-playground/WLVQrbA8Md25
i was looking at this webpage example (i found it on github btw) and i couldnt see what code line gives blueish color on top and bottom. i looked for it by opening site on my browser and page source and when i select that blue top part i found this color code #17a2b8 . but i couldn't find it on any html's or css files. Can someone help
https://code.sololearn.com/WLVQrbA8Md25/?ref=app

Answer 1

Could it be here?

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

Answer 2

You would have to remove that CSS link and then change what you want in your own CSS.

Answer 3

I'm going to assume that you haven't used Bootstrap prior. It is a front end framework made by Twitter.

https://getbootstrap.com/

Typically you compile the CSS after modifying the Sass files but here is another way to modify the CSS.

After this section of code:

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

Create a link to your own CSS file.

Ex: custom.css

And anything you put in there with override the previous CSS styles.

Hope that helps!

Answer 4

Ausgrindtube how can I change color ? I clicked links and they led me to another htmls

Answer 5

Ausgrindtube but wouldn't it change whole page ??