How can I change the background of a website using Bulma?

Question

How can I change the background of a website using Bulma?

13.3k views Asked by user8598567 At 12 September 2017 at 15:23

So I am using the CSS framework Bulma.io. Normally, without it, when doing body { background: black; } the background turns black. But when I use Bulma.io, only the background behind a written text turns black and the rest of the website stays white. So does someone know how I can make the entire website turn black like it normally does without a framework?

Original Q&A

There are 4 answers

**Jake Ceballos** · Answer 1 · 2017-09-13 03:34:35

Can you provide an example of what you're working with? My snippet below shows how you can change the background color. Other than setting the background-color property, I also set the body height to be the full height of the view.

body {
  background-color: black;
  height: 100vh;
}

<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.2/css/bulma.css" rel="stylesheet"/>
</head>
<body>
</body>
</html>

**The Fool** · Answer 2 · 2021-06-20 21:31:20

The Fool On 20 June 2021 at 21:31

You can apply the background helper

<body class="has-background-grey-lighter"></body>

**melih sahin** · Answer 3 · 2021-07-21 10:05:21

melih sahin On 21 July 2021 at 10:05

If you want to change the background of the whole page, you need to give the html tag a color class.

example:

 <html lang="en" class="has-background-dark"></html>

**Mohamed Abdelrazek** · Answer 4 · 2020-03-14 13:42:16

You can make that by modifying body background color from Generic variables [$body-background-color] override this variable before importing Bulma. an easy

explanation is now available https://bulma.io/documentation/customize/variables/

TechQA.

How can I change the background of a website using Bulma?

There are 4 answers

Related Questions in CSS

Related Questions in WEB

Related Questions in FRAMEWORKS

Related Questions in BULMA

Popular Questions

Popular Tags

Trending Questions