How to resize and align my images?

[vu-truong]

Hi,

I'm trying to resize my images like this:

• ![[Attachments/discord.png|100]]

I've created a site to test it:
https://vu-truong.github.io/

But it doesn't work and it seems that the size becomes the title of img tag:

• <img alt="100" src="Attachments/discord.png" title="100">

So, is there any way to resize the images?
Besides that, how to align these images to the right, center, left?

[Mara-Li]

Did you use the old template? Because everything should works with it.

As I stated in the last announcement, I will drop support for mkdocs. It takes too much of my time, and is a pain in the ass to works with.

[Mara-Li]

https://obsidian-publisher.netlify.app/advanced/snippets%20and%20tools/#css-snippets

[Mara-Li]

You need to do it yourself using CSS and ALT attribute.

[vu-truong]

Hi Lisandra,
Where should I put my snippets?

And is it like Obsidian snippets?
I put this snippet to docs/assets/css but it does not work (it works in Obsidian)

img[alt*="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

[Mara-Li]

I'm sorry you need to check it yourself.

[vu-truong]

Okay! Thank you for your support :D