BUG REPORT - Inconsistent backgrounds in certain wiki pages

NimrodYanai
NimrodYanai

I encountered this very strange issue.

When I set a background for my wiki pages, different pages that seem identical require different background-size properties.

See for example these two pages:

https://baldursgate-9.obsidianportal.com/wikis/durlags-tower

https://baldursgate-9.obsidianportal.com/wikis/citadel-streets

They are both wiki pages with the same basic structure.

I have the following customer css:

main.main-content div.post-main {

    background-color: transparent !important;

    background-image: url("https://db4sgowjqfwig.cloudfront.net/campaigns/267666/assets/1226751/ScrollRepeat.png?1642108185";) !important;

    background-size: contain !important;

}

However, one page needs the background size to be "contain", and the other need the background size to be "cover". This is for the exact same css code, but the results are different.

If I use "contain", they look like this:

image

And if I use "cover" they look like this:

image

As you can see, with one option the width is insufficient for one page (background starts repeating, and I can't use no-repeat because it won't be wide enough to cover the text area), and in the other it is too wide (the edge of the scroll image is cut off).

I have no idea what the difference is between this two pages.

The width of the div in both cases is identical and the selector is the same.

Any idea what's going on?

Comments

Sign In or Register to comment.

August 2022
In Over Their Heads

Read the feature post on the blog
Return to Obsidian Portal

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions