Die grösse der Icons kann Individuell angepasst werden über CSS. Hier als Beispiel einmal eine vergrösserung der Icons.
CSS
/* Desktop */
.gmTimelineSection .gmTimelineItem__marker {
width: 64px !important;
height: 64px !important;
}
.gmTimelineSection .gmTimelineItem__iconWrap {
width: 64px !important;
height: 64px !important;
font-size: 28px !important;
}
.gmTimelineSection .gmTimelineItem__iconWrap fa-icon {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
}
.gmTimelineSection .gmTimelineItem__iconWrap fa-icon {
transform: scale(1.5) !important;
}
/* Mobile/Tablet */
@media (max-width: 1200px), (orientation: portrait) {
.gmTimelineSection .gmTimelineItem__marker {
width: 56px !important;
height: 56px !important;
}
.gmTimelineSection .gmTimelineItem__iconWrap {
width: 56px !important;
height: 56px !important;
font-size: 24px !important;
}
.gmTimelineSection .gmTimelineItem__iconWrap fa-icon {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
}
}
Alles anzeigen