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