Embeded image in/under properties

Custom CSS & Theme Design
,
1

Embeded image in or under properties
Embeded image in or under properties490×546 7.62 KB

How to embed image from properties e.g. Cover without using Dataview ?

It is possible to place picture in or under properties with just CSS?

2

Workaround: Bases

Result

obraz
obraz713×595 17 KB

Instruction

  1. Create Base, name it ShowImage.base
  2. Set layout to Cards
    obraz
    obraz245×428 8 KB
  • Table (right left corner)
  • >
  • Layout: Cards
  1. Set card settings
  • Image property to cover
  • Adjust Card size to max
  • Image fit: Contain
  1. Create filter
    file path is this.file.path (last part write manually)
    (Obsidian can auto change it to: file.path == this.file.path)
  2. Create note
  3. Add property cover: [[exampleImage.png]] (or another image)
  4. Write in note ![[ShowImage.base]]