BUG REPORT - Inconsistent backgrounds in certain wiki pages


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:



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:


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


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?


Sign In or Register to comment.

May 2024
The World of Elurah

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!