I added a map that is rectangular in shape and when it appears on my home page it is square and cuts off large portions of the map. Can I not add a rectangular map? How do I delete it from the home page?
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
Hmm. That's a good question because very large (4096x4096) square images do indeed work on the home page, as seen here at the bottom of the page: https://abersade-testbed.obsidianportal.com/
Something else must be going on then, still looking into it.GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
So a few things I found:
1. Your image isn't a square, it's 7432x5345, which makes it fairly close to a 4:3 aspect ratio but not quite
2. The base image appears to be cut off at the sides, as seen when viewing the image at full size when opened in a new tab. Doing so discards all of the OP formatting so it should just be the raw image that way, yet it's missing the DARK(and most of the N) on the upper left side of the map. It also appears to be trimmed extremely close on the right side of the map. If these things are expected, this bit can be disregarded.
When I upload it to my test site (which has basically no CSS on it other than the bit that makes the banner image go all squiggly), it looks the same as yours does.
3. You appear to be specifying the height and width of the image, and are specifying it in such a way that the aspect ratio would be compromised if height value was set the way you are specifying it. When that happens, Obsidian Portal's default behavior is to change the height or width to match as closely as possible to the set sizes without changing the aspect ratio. Since your site is using the default width you may experience some weirdness with the picture not appearing to conform to what you are telling it to do.
Ideally then, the max width of your image shouldn't exceed the max width of your available page space. The way to address that is to either increase the content width (either via custom CSS or via SETTINGS>ADVANCED>Content Max Width) or to change the image size to something that works with your available space. That would mean that your image dimensions at it's current aspect ratio would need to be 662x447 or smaller but in that same ratio, so maybe 600x405 or something like that. The reason that you may want to consider making the image ever so slightly smaller is that if you use the first figure I gave (the 662x447) the image will appear basically exactly the way it does currently, whereas the smaller size allows you to make adjustments or change it via CSS. If the goal is to make it take up the entire width like it is currently then you don't actually "need" to make it smaller at all. Again, the only reason to do so in that event would be so that it behaves more like you'd expect when you make other changes.
GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
Here's what I'm seeing when I inspect your page, where you can see the dimensions being changed:
GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
In both of the attempts above, you set the width in such a way that the image is larger than your max content width, hence the image being resized. One thing to note though is that in general resizing the image shouldn't be cutting part of it off.
Near as I can tell, it's not cutting anything off unless you are seeing something different than I am.GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
To answer the question of "How do I delete it from my home page?": Enter EDIT mode, scroll to the bottom of the page (or wherever the image bit is, mine was at the bottom but actually yours is likely at the top), and delete at least one of the entries that look like this:
Yours will have different file numbers.
GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
One other thing. If something unexpected is happening when you initially upload the image (such as the height or width being changed there specifically at the time of upload) I would think that would be unexpected behavior, possibly due to a very large file size. If you have a version of the image that isn't cut off and can resize it yourself to something at 4096x4096 or less, perhaps doing that would help? I honestly don't think that this is the issue though, as I have an image on one of my campaign sites that is over 6k pixels wide and the only issue there is that it takes half a second or so to open.
Worth noting about that image as well: it is shrunken automatically by Obsidian Portal to match my max content width, just like I mentioned above.If you have an image that isn't being cut off for some reason and you'd like help resizing it, let me know.
GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
I'm pretty much lost trying to figure this out. I tried resizing the picture thinking it was the issue but I must have done that incorrectly because it didn't work. If you willing to resize it properly I would be very grateful.
No problem! It's probably easier to do this via the Discord channel, if you are willing. Here's a fresh invite URL to the fan hosted OP Discord server: https://discord.gg/e7FqNqYa
There it's just easier to discuss what precisely you want it to look like, share the files, etc.GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
If that isn't an approach that you want to pursue, also fine. In that case please share your base version of the map image, which I'm guessing doesn't have the name cropped partially off, if available. That way I at least have the complete image to start with and we can tinker with adjustments from there.
GM of Stream of Kairos - 2025 Campaign of the Year
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
Need CSS Help? It may be covered here: Abersade's CSS Hub
Hi friend @Darknoth_GM! Did you get the help you needed?
Obsidian Portal Support Druid | [email protected]