Difference between revisions of "Benutzer: Jonar/common.css"
From Smart Places Network
| Line 6: | Line 6: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
| − | #product-gallery > .element-container { | + | #product-gallery > .element-container .image { |
background-color: blue; | background-color: blue; | ||
margin: 20px; | margin: 20px; | ||
| Line 13: | Line 13: | ||
justify-items: space-between; | justify-items: space-between; | ||
align-items: center; | align-items: center; | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
#product-gallery > .element-container .image > img { | #product-gallery > .element-container .image > img { | ||
| Line 26: | Line 22: | ||
content: attr(title); | content: attr(title); | ||
color: #747e8b; | color: #747e8b; | ||
| + | |||
overflow-wrap: break-word; | overflow-wrap: break-word; | ||
z-index: 1; | z-index: 1; | ||
Revision as of 14:16, 11 February 2019
/* Style group of images inside pages generated by the form Produktmusterkoffer */
#product-gallery {
background: red;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#product-gallery > .element-container .image {
background-color: blue;
margin: 20px;
display: flex;
flex-direction: column;
justify-items: space-between;
align-items: center;
}
#product-gallery > .element-container .image > img {
border: 1px solid #c8ccd1;
background-color: #f8f9fa;
width: 155px;
}
#product-gallery > .element-container .image::after {
content: attr(title);
color: #747e8b;
overflow-wrap: break-word;
z-index: 1;
}
/*
#product-gallery > .element-container > p > .image {
border: 1px solid #c8ccd1;
background-color: #f8f9fa;
width: 155px;
height: 155px;
margin: 5px;
padding: 14px;
box-sizing: border-box;
text-align: center;
}
#product-gallery .image {
position: relative;
}
#product-gallery .image::after {
content: attr(alt);
position: absolute;
left: 0;
top: 155px;
width: 155px;
color: #747e8b;
overflow-wrap: break-word;
z-index: 1;
} */