| Table of Contents | ||||
|---|---|---|---|---|
|
...
Detailseite - Produktbild soll kleiner dargestellt werden
Passe hierzu in der mytheme.css den Wert an:
| Code Block | ||||
|---|---|---|---|---|
| ||||
.s360-product-gallery-images img {
width: 70%;
} |
...
Hintergrundbild im Header / Hintergrundbild in der USP Leiste
...
Header https://dream-chairs.de/
| Code Block | ||
|---|---|---|
| ||
.s360-header-grid {
background: white;
background-image: url(../images/wood_structure/header_texture.png);
background-repeat: no-repeat;
background-position: top right;
}
@media (max-width: 995px) {
.s360-header-grid {
background-image: url(../images/wood_structure/header_texture_sm.png);
}
}
@media (max-width: 767px) {
.s360-header-grid {
background-size: cover;
background-image: url(../images/wood_structure/header_texture_xs.png);
} |
USP
...
Leiste https://dream-chairs.de/
| Code Block | ||
|---|---|---|
| ||
.s360-usp-bar-items {
background-image: url(../images/wood_structure/holz_textur.png);
background-repeat: repeat;
color: #7f3114;
} |
Fullsize
...
Background https://ohmybobshop.com
| Code Block | ||
|---|---|---|
| ||
body {
background-image: url(images/background-photo.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
} |
eigene Warenkorb / Anmelden-
...
Icons https://ohmybobshop.com
| Code Block | ||
|---|---|---|
| ||
<a href="https://ohmybobshop.com/Mein-Konto" rel="nofollow" class="no-hover-color no-text-decoration"> <img src="templates/ohmybobshop/themes/mytheme/img/darth-white-32.png"> <span class="hidden-xs hidden-sm hidden-md">Anmelden</span> </a> |
vertikale Zentrierung (Flexbox) https://www.torro-shop.de/
| Code Block | ||
|---|---|---|
| ||
.s360-wrapper-header-main > .container > .row {
display: flex;
align-items: center
}
|
...