Skip to content

Request for help. Bulma.min.css overwrites everything #322

@minewarriorsSchool

Description

@minewarriorsSchool

Hey all! So for some reason Bulma.min.css adds padding to my table data and table headers.
image

when I disable this padding in the browser is looks like this:
image

this is also the result I want.

In my whole index.fs file I have added 0 padding everywhere.
Even tried to overwrite the bulma sheet with this:

<!doctype html>
<html>
<head>
    <title>VM Scanner</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
    <link rel="stylesheet" href="Styling/custom-styling.css">
</head>
<body>
    <div id="elmish-app"></div>
</body>
</html>

.content table td, .content table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: 0px !important;
    vertical-align: top
}

But I can not seem to get that padding removed. Anybody an idea on how I am supposed to tackle this?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions