Display weather horizontally (4th style)

CSS Codes Weather
1

Add this code to the Custom CSS field on the Style tab of your Weather widget’s settings:

.eapp-weather-weather-detail + div > div {
display: flex;
flex-direction: row;
}

.eapp-weather-weather-detail + div {
height: 130px !important;
}

.eapp-weather-weather-component {
max-width: unset !important;
}

.global-styles,
[class*="RootLayout__RootComponent-sc"] {
width: 100%;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

1 Like