Skip to main content

Questions tagged [bulma]

Bulma is a free, open source CSS framework based on Flexbox.

0 votes
0 answers
16 views

Setting a transparent background on bulma hero?

How to set the background colour of a hero element in Bulma to transparent? Version 1 of Bulma Set the $primary variable? This doesn't work. $primary: transparent; @use "../../../../libraries/...
Interlated's user avatar
  • 5,726
0 votes
0 answers
17 views

How to overwrite SCSS module's variable with new value using previous/default value

I am trying to overwrite Bulma's $breakpoints variable by introducing another breakpoints. My issue is that I do not know how reference previous/default values defined by Bulma. My current attempt is: ...
Filip Jakab's user avatar
0 votes
0 answers
19 views

Keeping a form centered on mobile in Bulma? (when it's centered on desktop)

I have been imporoving my ancient webdesign skills lately and decided to try out Bulma for a simple todo list flask app. Everything works great but when I reduce the screen size for mobile/tablet, my ...
Cold Clock's user avatar
0 votes
2 answers
51 views

Customizing BulmaCSS colors with CSS

After reading the documentation, I still don't understand why I can't set the primary color with CSS like this: <!DOCTYPE html> <!-- Force the light theme: --> <html data-theme="...
Desmes's user avatar
  • 75
0 votes
0 answers
68 views

Cannot get Bulma color overrides to work after Bulma upgrade to 1.0.1

I have a create-react-app in which I am trying to upgrade bulma from version 0.9.4 to 1.0.1. So far, everything seems to have worked, with exception of the new dart method of overriding the colors. I ...
martijn's user avatar
  • 1,449
1 vote
0 answers
41 views

Add custom color to both light and dark mode in bulma

Bulma 1.0 added support for dark mode. I already figured out how to add a custom color to Bulma. Now, I want to know how I can get it to use a different color value in dark mode. $groovy: #4298B8; // ...
Leonard Brünings's user avatar
4 votes
0 answers
431 views

FATAL:gpu_data_manager_impl_private.cc(448)] GPU process isn't usable. Goodbye

Trying to setup Electron on my computer, to setup .exe files for my HTML/CSS/JS projects I'm currently developing on Windows and got this: [3088:0525/235414.074:ERROR:gpu_process_host.cc(991)] GPU ...
easr97's user avatar
  • 41
0 votes
1 answer
32 views

cards with same size in columns

I face a similar problem like described here: I want to place 3-6 cards next to each other and I want them to be the same width & height. I tied adding is-flex option to the column, but this ...
xtlc's user avatar
  • 1,316
0 votes
2 answers
56 views

Center text in a card-header in Bulma

Using bulma makes it easy to position text - usually. I was not able to place the card-header attribute centered. My Try: <link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.1/css/...
xtlc's user avatar
  • 1,316
0 votes
0 answers
12 views

card component ignores column size

I am using bulma 1.0 and I tried to get an example working: <link href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" rel="stylesheet"/> <div id="randomUIDNumber" class="...
xtlc's user avatar
  • 1,316
0 votes
0 answers
22 views

color effect over all columns of a table [duplicate]

I generated a table using django and bulma and also some custom css, and it looks like this: th, td { padding: 0.2rem 1rem; } th { font-weight: normal; ...
xtlc's user avatar
  • 1,316
2 votes
1 answer
42 views

How to Custom Navbar component in Bulma framework?

I want to full width of <router link> element in navbar component. How can I achieve that. I also interested in some keywords about something like this. Here is my error: I want a full-width ...
happy's user avatar
  • 71
1 vote
1 answer
462 views

disable dark mode in bulma 1.0

I tried disabling the dark mode in my base.css like bulma describes in their docs by adding the @media lines: @media (prefers-color-scheme: light) { :root { } } body { display: flex; min-...
xtlc's user avatar
  • 1,316
0 votes
0 answers
42 views

How to change the progress bar background color in Bulma?

I'm using Bulma CSS. My whole page has white background color but there is a problem with the progress bar: the black isn't needed. I've tried this: .progress-bar-custom { --bulma-progress-bar-...
Nickochka's user avatar
0 votes
1 answer
33 views

Bulma - SCSS customization for own component

In BULMA or SCSS maybe more specifically I want to use a component but sort of take a copy of it rather than overriding it, is the only way to do this through extend, or are there other mechanisms. ...
Michael Moerman's user avatar

15 30 50 per page
1
2 3 4 5
64