Here is the CSS code to have floating image with text around + shadow

Hi, newbie here, coming from Notion:

Maybe useful for some (and maybe already posted here):

.node-displayed-image {
max-width:500px;
max-height:500px;
float:left;
margin-right:20px;
}

To have a cool shadow behind an image:

.node-displayed-image {
display:inline-block;
position:relative;
border:1px solid #ccc;
padding:5px;
background:#f2f2f2;
margin-bottom:30px;
-webkit-box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
-moz-box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
box-shadow: 0 28px 16px -26px rgba(0, 0, 0);
}

Cheers!

2 Likes

post a screenshot

Done.

Very nice.

Hey I like it too… I was missing that from Notion. Dynalist is just amazing!..

Thank you for this post, I was looking for the option to write on the left side of the image. Very useful and, as I have seen, it was not posted until now.

1 Like