noatpad/obsidian-banners

Margin Issue

Programazing opened this issue · 3 comments

Programazing commented

The banner adds an unnecessary amount of margin in display mode. I'm using a local image in the following screenshots.

Screenshot from 2024-03-23 07-48-13
Screenshot from 2024-03-23 07-48-20

I ended up adding a CSS snippet to override this.

.obsidian-banner-wrapper{
margin-top: 0px !important;
}
matteo-martinelli commented

Hello there, I have the same problem

image

  • 👍2
Alex-Space commented

The banner adds an unnecessary amount of margin in display mode. I'm using a local image in the following screenshots.

Screenshot from 2024-03-23 07-48-13 Screenshot from 2024-03-23 07-48-20

I ended up adding a CSS snippet to override this.

.obsidian-banner-wrapper{
margin-top: 0px !important;
}

This fix works on desktop, but on mobile it still sucks.

Programazing commented

The banner adds an unnecessary amount of margin in display mode. I'm using a local image in the following screenshots.
Screenshot from 2024-03-23 07-48-13 Screenshot from 2024-03-23 07-48-20
I ended up adding a CSS snippet to override this.

.obsidian-banner-wrapper{
margin-top: 0px !important;
}

This fix works on desktop, but on mobile it still sucks.

Add .is-mobile

.is-mobile .obsidian-banner-wrapper{
height: auto !important;
}