diff -u b/core/themes/bartik/css/components/field.css b/core/themes/bartik/css/components/field.css --- b/core/themes/bartik/css/components/field.css +++ b/core/themes/bartik/css/components/field.css @@ -42,10 +42,32 @@ float: right; padding: 0 0 0 1em; } +@media all and (min-width: 560px) { + .node .field--type-image { + float: left; /* LTR */ + margin: 0 1em 0 0; /* LTR */ + } + [dir="rtl"] .node .field--type-image { + float: right; + margin: 0 0 0 1em; + } + .node .field--type-image + .field--type-image { + clear: both; + } + .node .align-center .field--type-image { + float: none; + } +} .field--type-image img, .field--name-user-picture img { margin: 0 0 1em; } +.align-center .field--type-image img, +.align-center .field--name-user-picture img { + display: block; + margin-left: auto; + margin-right: auto; +} .field--type-image a { border-bottom: none; }