How to change indentation in jumbotron?

J

jazzus2019-05-24 21:41:46

Bootstrap

jazzus, 2019-05-24 21:41:46

Bootstrap Theme
We need to remove the indentation above the heading Sample Album .
I google the style

.jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
}

Disabling padding-top in google gives the desired result. How now to translate the same into reality?
I have a style.css file in my Laravel project where I write classes. Where and what should be written so that the indent from above disappears or becomes smaller? I copied the method to style.css and removed *2, i.e.

.jumbotron {
    padding-top: calc(var(--jumbotron-padding-y)*1);
}

but nothing happens, the styles in real life have not changed. I understand the layout at the level of "copy the bootstrap code and paste it into the template." Thanks

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

A

arsenty, 2019-05-24
@jazzus

So copy the above code into style.css and reduce the value (6) to the optimal result, nothing complicated. PS: style.css <head></head>should be included below bootstrap.css