Benutzer: Jonar/common.css: Unterschied zwischen den Versionen
Aus Smart Places Network
Jonar (Diskussion | Beiträge) |
Jonar (Diskussion | Beiträge) |
||
Zeile 20: | Zeile 20: | ||
content: attr(title); | content: attr(title); | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 0; |
top: 150px; | top: 150px; | ||
− | + | width: 155px; | |
+ | max-width: 155px; | ||
background-color: red; | background-color: red; | ||
padding: 4px; | padding: 4px; |
Version vom 8. Februar 2019, 20:39 Uhr
#product-gallery .image { border: 1px solid #c8ccd1; background-color: #f8f9fa; width: 155px; height: 155px; margin: 5px; padding: 14px; box-sizing: border-box; text-align: center; display: grid; place-items: center center; } #product-gallery .image { position: relative; background-color: blue; } #product-gallery .image::after { content: attr(title); position: absolute; left: 0; top: 150px; width: 155px; max-width: 155px; background-color: red; padding: 4px; color: #000000; z-index: 1; }