CODEWITHSUNDEEP
htmlcss
Rodrigo Franco
Rodrigo Franco

Reputation: 29

How to change the color of the background the bootstrap 4

I would like to change the background color of the bootstrap theme. This background: background1

and this background: background2

I want to change the color to blue for green. I was checking out the file sb-admin-2.min, but the maximios that I can do it, was change the collor of the buttons for example. Someone can help me? Follow the link for see the file sb-admin-2.min If you want to see my project, you can enter in this website: http://americaribeiro.atwebpages.com/escolar/ and use the email: [email protected] and password: 123

Upvotes: 0

Views: 1193

Answers (3)

Bickky Sahani
Bickky Sahani

Reputation: 363

enter image description hereTo change the background of the first image, change the background property of body element in index.php

body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background: red; // here
 }

To change the background of the second image,in sb-admin-2.css

.bg-gradient-info {
  background-color: red; //here, you can override this class
}

enter image description here

Upvotes: 1

Hien Nguyen
Hien Nguyen

Reputation: 18975

You can use selector body{ background: #36b9cc !important; } for using your green color.

Upvotes: 0

Muhammedogz
Muhammedogz

Reputation: 792

You can simply overwrite bootstrap styling with your own style.

.my-class {
  background: red;
 }
<div class="some-bootstrap-class my-class"> Hello </div>

Upvotes: 1

Related Questions